Cambiar el color del menú

Un usuario preguntó 👇

Hola de nuevo,

Estoy usando la plantilla de WorkPress Versión: 1.3 Quiero cambiar el color del menú horizontal. De hecho, solo quiero cambiar el color azul a un azul más oscuro (# 003c71).

De antemano muchas gracias por su ayuda,

(@imranaliweb)

Hace 3 años, 3 meses

Hola @jpnkita,

Pegue el siguiente código CSS en el campo personalizado de CSS (Panel de temas >> mirar >> personalizar >> configuración de encabezado >> archivo CSS personalizado)

.navbar .nav > .active > a, .navbar .nav > .active > a:hover
{
    background-color: #003c71 !important;
}

.navbar .nav > .active > a
{
	background-color: #003c71 !important;
}

Luego use el código anterior para verificar su sitio web.

Gracias

Lanzador de hilos

(@jpnkita)

Hace 3 años, 3 meses

Gracias por la respuesta rápida, funciona 🙂 pero ¿podría proporcionarme también el código CSS para el mouse sobre el color?

Muchas gracias por su gran trabajo y la calidad del apoyo.

(@imranaliweb)

Hace 3 años, 3 meses

Hola @jpnkita,

Pegue el siguiente código CSS en un archivo CSS personalizado

.navbar .nav > li > a:hover
{
background-color: #003c71 !important;
}

Gracias

Lanzador de hilos

(@jpnkita)

Hace 3 años, 3 meses

De nuevo, gracias por tu ayuda. Lo último justo antes de cerrar esta llamada. Si observa el menú superior de mi sitio web, el último elemento tiene un submenú.

1 °) Cuando paso el mouse sobre un elemento del submenú, el color del menú vuelve al color original.

2 °) Hay 2 líneas, una de arriba y otra de abajo del submenú con el mismo celeste. Quiero cambiarlo junto con mi color azul oscuro.

¿Puedes proporcionarme el código CSS para realizar dos cambios?

Gracias a todos

(@imranaliweb)

Hace 3 años, 3 meses

Hola @jpnkita,

Pegue el siguiente código CSS en CSS archivado personalizado,

.navbar .nav > li > a:focus
{
background-color: #003c71 !important;
}

.dropdown-submenu > a:after, .dropdown-submenu:hover > a:after { border-left-color: #003c71; }
.open .dropdown-menu { border-top:2px #003c71 solid !important; border-bottom:2px #003c71 solid !important; }

Gracias

Lanzador de hilos

(@jpnkita)

Hace 3 años, 3 meses

Gracias por su ayuda, las líneas que llegan al menú desplegable están bien ahora, pero cuando hago un «mouse» en el menú desplegable, el encabezado del menú desplegable todavía está en azul claro como la pequeña flecha que está justo al lado de eso. ¿Tiene un código mágico CSS para que cambie el color de esas dos funciones?

Muchísimas gracias

(@imranaliweb)

Hace 3 años, 3 meses

Hola @jpnkita,

Pegue el siguiente código CSS en CSS archivado personalizado,

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {  background-color: #003c71 !important; }

.navbar .nav > li > a .caret {
   border-top: 4px solid #003c71 !important;
}

Gracias

Lanzador de hilos

(@jpnkita)

Hace 3 años, 3 meses

Afortunadamente, faltan dos pequeñas cosas para completar esta llamada y cambiar por completo el color del menú.

1 °) Cuando veo mi sitio web en un dispositivo con una pantalla pequeña, se muestra un cuadrado de 3 líneas en lugar del menú. Quiero cambiar el color de este cuadrado a mi azul oscuro.

2 °) Cambiar el color de la primera letra del título del sitio que se muestra cuando no hay logo.

Gracias por tu apoyo

¿Solucionó tu problema??

SíNo

0 / 0