Cambiar estilo de un apartado del menú al seleccionar

  • Resuelto paulamartinez

    (@paulamartinez)


    hace 5 años, 2 meses

    He estado leyendo dos debates que hablan acerca del mismo problema que yo tengo pero no consigo resolverlo:
    – Debate 1
    – Debate 2

    En la página web que estoy diseñando <tema savona> tengo una top bar de menú donde aparecen los diferentes apartados en color negro y me gustaría que al pasar el mouse por cada apartado cambiara de color. Además, cuando estés dentro de cualquiera de ellos aparezca el texto subrayado.
    He utilizado varios códigos pero en vez de afectar a la barra del menú lo que hace es afectarme al nombre de la empresa que tengo puesto en la cabecera.
    El código que utilizo es el siguiente:
    .main-navigation a {
    color: #000000;}
    a:active {
    text-decoration: underline;
    }
    a:hover {
    color: #d6c8a4;
    }

    Lo que creo que está mal es .main-navigation pero he probado muchas variantes y sigue afectándome al nombre de la empresa.
    Lo estoy cambiando en apariencia>personalizar>CSS adicional.
    Gracias de antemano y un saludo.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador LGrusin

    (@lgrusin)

    hace 5 años, 2 meses

    Prueba en el menú Apariencia – Personalizar – CSS adicional

    #top-bar a:hover {
 color:#ff0000 !important;
}
#top-bar li.current-menu-item > a {
 color:#ff0000 !important;
 text-decoration: underline !important;
}

    Cambia el color por el que prefieras.

    Iniciador del debate paulamartinez

    (@paulamartinez)

    hace 5 años, 2 meses

    Si!! Ha funcionado, muchísimas gracias.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Cambiar estilo de un apartado del menú al seleccionar’ está cerrado a nuevas respuestas.