Avisos
Vaciar todo
Estoy intentando colocar íconos personalizados en el área de categorías, sin embargo, no he encontrado cómo hacerlo con las categorías, la única forma que he encontrado es creando un menú para las categorías.
Sin embargo, en ambos casos aparece un icono que no puedo hacer nada con él: en las categorías aparece el ícono de una carpeta y si lo hago menú me aparece un icono de un archivo.
He instalado Menu Icons y con eso he podido añadir el ícono "-" (menos) pero el archivo sigue apareciendo ahí, existe una forma o una regla CSS para poderlo quitar?
También me gustaría que en lugar de que el menú apareciera (o la categoría) subrayada, que no esté subrayado y que mejor cambie de color. Si alguien me apoyara con un CSS para sólo ponerle el número del color que quiero que quede por ejemplo asì #fff00f
Gracias
Respondido : 09/06/2019 12:53 am
Hola Francisco,
Agregar el siguiente CSS:
//Quitar la figura de archivo
.widget_nav_menu ul li::before {
content: none !important;
}
//Quitar el "-"
.genericon-minus:before {
content: none !important;
}
//Quitar subrayado
.widget-area .widget a:not(.button) {
text-decoration: none;
}
//Asignar color a categoría seleccionada
ul.menu li.current-menu-item>a {
color: #fff00f !important;
}
Saludos.
Respondido : 09/06/2019 1:31 am
Muchas gracias, todo ha funcionado, lo único que no funcionó fue el color, le cambié al color que estoy buscando pero me imagino que eso es independiente del código.
Te anexo imagen para que veas que todo está perfecto, lo del símbolo "menos" decidí dejarlo, pero sólo faltaría lo del cambio de color.
Muchas gracias.
Respondido : 09/06/2019 4:38 am
Ya vi lo que hace la regla CSS que me enviaste a la hora de seleccionar la categoría queda en el color que seleccioné
SÚPER!!!
Muchas gracias por tu apoyo.
Respondido : 09/06/2019 4:53 am
Hola Francisco,
Es correcto, la regla CSS para el color solo aplica cuando accedes a una categoría de productos. Si quisieras cambiar ese comportamiento y que, por ejemplo, solo cabie de color cuando el puntero del mouse se posiciona sobre una categoría podrías hacer lo siguiente:
//Cambia de color del texto cuando el puntero del pouse se posiciona sobre una categoría
ul.menu li.menu-item>a:hover {
color: red;
}
O si quisieras cambiar el color por defecto:
ul.menu li.menu-item>a {
color: blue;
}
Saludos.
Respondido : 09/06/2019 11:54 am
