Cómo evitar que el icono del menú se repita en las subcategorías al desplegarlo en WordPress

M

MAF

Épsilon

Redactor

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 15 Abr 2017

• #1

Hola a todos, estoy introduciendo en mi web de wordpress un menú con iconos por CSS, pero lo que me ocurre es que el icono se me repite en las subcategorías al desplegar el menú y yo solo quiero que me aparezca en la categoría principal.

No se mucho sobre CSS, y se que me falta algo en el código, alguien podría echarme una mano?

Este es el código que tengo puesto:

HTML:

.home-link-icon a{
   padding-top: 45px !important;
   background-image: url(http://miweb.com/wp-content/uploads/2017/04/1492328393_sofa-chair.png);
   background-position: top;
   background-repeat: no-repeat;
}

Y así es como se me ha quedado:

Menú sin desplegar: http://i.imgur.com/PbLM5ly.png
Menú desplegado: http://i.imgur.com/qYzVap4.png

Muchas gracias de antemano!

 

Stron

Dseda

Diseñador

Verificación en dos pasos activada

Verificado por Whatsapp

• 15 Abr 2017

• #2

A tu css no le falta nada, lo que pasa es que estas aplicando el mismo estilo a todos los enlaces del menu. lo que tienes que hacer es darle una clase diferente a cada enlace del menu, ya que si solo .home-link-icon a le estaras dando el mismo estilo a todo.

 

M

MAF

Épsilon

Redactor

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 15 Abr 2017

• #3

Stron dijo:

A tu css no le falta nada, lo que pasa es que estas aplicando el mismo estilo a todos los enlaces del menu. lo que tienes que hacer es darle una clase diferente a cada enlace del menu, ya que si solo .home-link-icon a le estaras dando el mismo estilo a todo.

Hacer clic para expandir...

No no, las categorías principales (Muebles - Electrodomésticos - Electroportátiles) tienen el mismo icono porque yo se lo he puesto a propósito, lo que me copia el mismo icono son las subcategorías cuando despliego el menú, tal y como muestro aquí: http://i.imgur.com/qYzVap4.png (Cocinas, Lavadoras, etc no debería mostrar el icono).

No se si me explico bien...

- - - Actualizado - - -

Por favor una ayuda?

 

OLMID

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Abr 2017

• #4

Prueba con esto, en las subcategorías le pones background-image: none;

Insertar CODE, HTML o PHP:

.home-link-icon a{
   padding-top: 45px !important;
   background-image: url(http://miweb.com/wp-content/uploads/2017/04/1492328393_sofa-chair.png);
   background-position: top;
   background-repeat: no-repeat;
}
.home-link-icon ul li a{
   background-image: none;
}

Saludos 🙂

PD.- si pones aquí el html del menú sería mejor para nosotros

 

M

mariangelad17

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 15 Jun 2017

• #5

seguramente le estas poniendo el mismo estilo a parte en el html solo debes hacer otro css para esa área.