Ahorra hasta 20% OFF en nuestro Planes y Cursos

Día(s)

:

Hora(s)

:

Minuto(s)

:

Segundo(s)

Solo durante:

Ahorra hasta 20% OFF en nuestro Planes y Cursos

Seleccionar página
4
Volver al contenido del HUB: Hub | Snippets Menú

Cambiar el fondo del menú en Divi a degradado con CSS

En este Hub Content vamos hablar sobre cambiar el fondo del menú en Divi a degradado en tu página web usando un poco de código CSS.

Saludos, en esta oportunidad un nuevo tip  / recurso / mini-tuto completamente gratuito sobre diseño web con WordPress y Divi el cual complementará más sus conocimientos en este hermoso mundo del diseño web.

Acá puedes ver el tuto rápido.

Lo primero que tenemos que hacer es dirigirnos al menú de WordPress > Divi > Opciones de tema

De ahi nos posicionamos en la pestaña General

Ahora nos ubicamos al final en CSS personalizado y pegamos el siguiente código CSS

/*fondo degradado del menu*/
#main-header{
	background: linear-gradient(70deg,#34718f 0%,#84b15f 100%)!important;
}

Aquí podemos variar los colores hexadecimales que queremos utilizar para nuestra web. Podemos usar esta plataforma para ver el código hexadecimal del color que deseamos https://www.disfrutalasmatematicas.com/numeros/hexadecimales-colores-nombres.html

¡Y listo! ¿Te ha gustado este tutorial?

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este post.

Nos vemos en el próximo tutorial de uxdivi.

Contenido Relacionado

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡40% + 10% OFF en nuestro lanzamiento!

Apúntate y te avisaremos cuando esté publicada nuestra nueva plataforma uxdivitemplates.com. Te regalaremos un cupón ÚNICO de descuento del 10% adicional a los descuentos de lanzamiento.

¡Gracias! Te avisaremos cuando publiquemos nuestra plataforma y te enviaremos el cupón de descuento único por estar en esta lista.