Un usuario preguntó 👇
Quiero que el color del texto sea blanco y que el color del desplazamiento sea plateado. No tengo idea de qué código ingresar y no hay nada en Internet. Tengo un paquete de energía pero no parece querer cambiar lo que quiero.
(@antibiz)
Hace 1 año, 8 meses
Obtuve el código para agregar un cs adicional para que el menú sea negro. Pero cuando cambio el texto a blanco en el paquete de energía, cambia todo el menú.
Todo lo que necesito es el texto blanco del menú de navegación secundaria con un resaltado plateado en los botones del menú desplegable.
(@riaanknoetze)
Hace 1 año, 8 meses
Hola,
Para preguntas sobre Powerpack, el mejor enfoque es abrir un ticket de soporte en https://woocommerce.com/my-account/tickets/
Dicho eso, concéntrate sólo el submenú, necesitará CSS personalizado ya que la configuración de Powerpack por sí sola no es suficiente. Si bien no estoy 100% seguro del resultado deseado, el siguiente CSS personalizado es un buen punto de partida:
@media screen and (min-width: 768px)
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
background-color: #000;
}
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
color: #fff;
}
}
¡Espero que ayude!
(@antibiz)
Hace 1 año, 8 meses
Tuve que quitar esta parte para que funcionara: (¿Hay un código de color flotante? Quiero gris / plateado si es posible)
@media pantalla y (ancho mínimo: 768px) <<<<<<<<<<
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {background-color: # 000; }
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {color: #fff; }}
Esta respuesta fue modificada hace 1 año, 8 meses por.
(@riaanknoetze)
Hace 1 año, 8 meses
¡Buen truco para eliminar esos estilos de medios!
Ciertos colores de desplazamiento ciertamente se pueden configurar para esos enlaces con CSS personalizado. Lo siguiente debería funcionar perfectamente:
.main-navigation ul.menu ul li a:hover,
.main-navigation ul.nav-menu ul li a:hover {
color: #ccc;
}
(@antibiz)
Hace 1 año, 8 meses
De acuerdo, el desplazamiento cambia el desplazamiento del texto, pero no detrás del desplazamiento cuadrado, como los bloques de enlaces reales, ya que el desplazamiento predeterminado se vuelve gris.
¿Hay un código para eso?
(@riaanknoetze)
Hace 1 año, 8 meses
Definitivamente sí: aunque no estoy del todo seguro de qué color desea cambiar, lo siguiente lo cambiará a rojo con fines ilustrativos:
.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li.focus, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li.focus, .main-navigation ul.nav-menu ul li:hover>a {
background: #ff0000;
}
En el frente, esto se verá así:
Enlace a la imagen: https://cld.wthms.co/YU8EqZ
(@antibiz)
Hace 1 año, 8 meses
De acuerdo, voy a probar el código, pero cuando usé el otro código, rompí el menú en la versión móvil. Al final resultó que no haría aparecer un menú desplegable.
(@antibiz)
Hace 1 año, 8 meses
El color del hover no me permite combinar estos dos códigos. Quiero obtener un menú negro, con texto blanco, con un color de desplazamiento gris / plateado (no en el texto sino en los bloques).
Este código me da el menú negro con texto blanco, pero el color de desplazamiento no funciona.
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {background-color: # 000; }
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {color: #fff; }} .main-navigation ul.menu ul a: hover, .main-navigation ul.menu ul li.focus, .main-navigation ul.menu ul li: hover> a, .main-navigation ul.nav-menu ul a: hover, .main-navigation ul.nav-menu ul li.focus, .main-navigation ul.nav-menu ul li: hover> a {background: # ff0000; }
(@ ryanr14)
Hace 1 año, 7 meses
Hola @antibiz,
Creo que esta SEC puede ayudar. 🙂
/** Make menu hover background black **/
.main-navigation ul.menu ul.sub-menu {
background-color: rgb(0, 0, 0);
}
/** Make sub-menu text & hover white **/
.sub-menu a,
.nav-menu .sub-menu a:hover {
color: #fff !important;
}
/** Make sub-menu background hover background silver **/
.sub-menu li.menu-item:hover {
background: silver;
}
ANTES: Enlace a la imagen: https://cld.wthms.co/GjeBNS
DESPUÉS: Enlace a la imagen: https://cld.wthms.co/yCeuDH
Esta respuesta fue modificada hace 1 año, 7 meses. Esta respuesta fue modificada hace 1 año, 7 meses.
¿Solucionó tu problema??
0 / 0