Avisos
Vaciar todo

Imagen de fondo en el menú

7 Respuestas
3 Usuarios
0 Reactions
265 Visitas
Respuestas: 142
Estimable Member
Topic starter
 

Buenos días,

Estoy haciendo mi web con DIVI y me gustaría poner la imagen que he puesto de cabecera (el degradado de colores) de fondo en el menú principal. ¿Es esto posible? Cómo lo hago?

También he visto que mi menú desplegado es demasiado largo y se corta en la pantalla, hay alguna forma de que al desplegar, éste sea horizontal y no tenga que bajar el tamaño de la pantalla para verlo completo?

La url de la web: Contenido solo visible a usuarios registrados


 
Respondido : 08/12/2018 11:42 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Puedes probar con el siguiente código CSS:

#main-header > .container{
    background-image: url( http://motocarl-cp192.wordpresstemporal.com/drgonzalezcocina.com/wp-content/uploads/2018/11/índice.png );
}

Para agregar código CSS, revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.


 
Respondido : 08/12/2018 4:55 pm
Respuestas: 142
Estimable Member
Topic starter
 

Muchas gracias por tu respuesta.

Ya he seguido los pasos pero, ¿cómo hago para que la imagen no se repita? que la imagen ocupe todo el menú sin repetirse?

Contenido solo visible a usuarios registrados
gracias


 
Respondido : 08/12/2018 8:47 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Beatriz,

Debajo de esa clase, antes del corchete de cierre añade:

background-repeat: no-repeat;

De esta forma no se repetirá el fondo.

Saludos


 
Respondido : 08/12/2018 8:50 pm
Respuestas: 142
Estimable Member
Topic starter
 

Gracias pero al poner no repeat, no se expande la imagen, se queda con el fondo liso que tenía antes. Hay forma de que la imagen se expanda? gracia s


 
Respondido : 08/12/2018 9:04 pm
Respuestas: 142
Estimable Member
Topic starter
 

Ya lo he conseguido!! muchas gracias!


 
Respondido : 08/12/2018 9:10 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Beatríz,

Coméntanos finalmente con que código completo CSS lo has conseguido, así otros usuarios que tengan la misma consulta podrán aplicar tu solución 🙂

Gracias!!!


 
Respondido : 08/12/2018 9:52 pm