Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Añadir subrayado en el menú  

 
Ivan
 Ivan
Usuario eminente

En mi menú principal cuando paso el ratón por encima, el texto cambia de color, me gustaría que a parte de esto, apareciera un subrayado también. Me podrían decir como hacerlo?

La web que estoy creando es http://globalpa-cp509.wordpresstemporal.com/

Muchas gracias

Citar
Respondido : 14/04/2020 12:18 pm
Karen Rios
 Karen Rios
Usuario Moderator

Hola Ivan,

Dentro de tu  CSS añade el siguiente código. Puedes ubicar el CSS en la opción de Apariencia -> Personalizar -> CSS Adicional

imagen
.fusion-main-menu > ul > li > a:hover {
text-decoration: underline !important;
color: #333 !important;

}

Saludos

ResponderCitar
Respondido : 14/04/2020 1:04 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ivan
 Ivan
Usuario eminente

Funciona perfecto. Muchas gracias

ResponderCitar
Respondido : 15/04/2020 7:59 am
Ivan
 Ivan
Usuario eminente

Una última pregunta sobre este tema, para que se quede el subrayado cuando estás dentro de la página?

ResponderCitar
Respondido : 15/04/2020 8:11 am

Cursos Gratuitos WordPress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@globalpackglobalpack-es

HolaIvan,

Agrega el siguiente CSS, por favor:

.fusion-body .fusion-main-menu .current_page_item>a:active{
text-decoration: underline !important;
border-color: #333333;
color: #333333;
}

Saludos 🙂

ResponderCitar
Respondido : 15/04/2020 9:02 am
Ivan
 Ivan
Usuario eminente

No hace nada este código, el subrayado sigue saliendo solo cuando pasas el ratón

ResponderCitar
Respondido : 15/04/2020 9:34 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

Añade lo siguiente:

.fusion-body .fusion-main-menu .current_page_item>a {
text-decoration:underline;

text-decoration-color:#fefefe;
}

El resultado es este:

screenshot globalpa cp509.wordpresstemporal.com 2020.04.15 11 28 54

Si ves que no se muestra prueba acceder con el navegador en incognito:

-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es

 

Un saludo

 

ResponderCitar
Respondido : 15/04/2020 10:30 am
Ivan
 Ivan
Usuario eminente

Ahora si, solucionado. Perfecto!

Muchas gracias

ResponderCitar
Respondido : 16/04/2020 7:35 am

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ivan.

Nada, un placer poder ayudaros en lo que nos sea posible 😆 

Cualquier duda que tengas nos encontraras por aquí 😉 

 

Cerramso el tema.

Un saludo

ResponderCitar
Respondido : 16/04/2020 8:53 am