Apoyo con regla CSS para quitar elemento extraño en menu  

 
Francisco
 Francisco
Usuario experto

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

Citar
Respondido : 09/06/2019 12:53 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 09/06/2019 1:31 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Francisco
 Francisco
Usuario experto

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.

ResponderCitar
Respondido : 09/06/2019 4:38 am
Francisco
 Francisco
Usuario experto

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.

ResponderCitar
Respondido : 09/06/2019 4:53 am

Cursos Gratuitos WordPress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 09/06/2019 11:54 am

Por favor Iniciar Sesión o Registro