• Resuelto Nuriaruiz

    (@nuriaruiz)


    Hola, mi problema es que no puedo cambiar el subrayado que me aparece al pasar por encima de los items del menu/sidebar. Me gustaria quitar el subrayado y hacer que los items se vean en negrita o otro color al pasar por encima.

    También me gustaría cambiar el color lila que se ve al seleccionar texto.

    Estoy trabajando el tema: Expositio, en local y en el child.

    Gracias!

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

    (@lgrusin)

    Deberías preguntarle al autor, ese tema es de pago. De todas formas elimina el borde inferior en el menú.

    .site-header .nav-menu li a {
    border-bottom: 2px solid transparent;
    }

    .site-header .nav-menu li:not(.current-menu-item) a:hover {
    border-bottom: 2px solid;
    }

    Saludos

    Iniciador del debate Nuriaruiz

    (@nuriaruiz)

    Hola LGrusin,

    He intentado contactar con el autor pero me dice que este tema ya no tiene soporte pues es gratuíto, y en el foro del tema nadie me ha dado respuesta.

    He provado lo que me aconsejas y me hace lo siguiente:

    Me cambia el color del subrayado lila por un subrayado más grueso del color del propio texto (negro o gris). Esto me lo cambia en todos los elementos del menú menos en el título.

    Me gustaría que en vez de que apareciera subrayado, apareciera el texto en negro y negrita, tanto en los elementos del menu como en el título (Que sigue apareciendo lila).

    Gracias por tu ayuda!

    Moderador LGrusin

    (@lgrusin)

    El color lila lo tienes en:
    a:hover {
    color: #963cbd;
    border-bottom: 1px solid #963cbd;
    }
    pon el color que quieras en color: #963cbd;.

    Sobre el subrayado se trata de eliminar el borde inferior, es decir, border-bottom. Mirando la hoja de estilos que has puesto no se parece en nada a la que viene con el tema. No sé de dónde te has descargado ese tema.

    Según tu hoja de estilos para el menú sería eliminar el
    border-bottom: 1px solid #fff; en:

    .primary-navigation a:hover {
    border-bottom: 1px solid #fff;
    }

    y así con todos los bordes inferiores de los enlaces.

    Un saludo

    Iniciador del debate Nuriaruiz

    (@nuriaruiz)

    Hola LGrusin!

    Muchas gracias por tu ayuda. ¡Me ha funcionado perfectamente! Yo estaba aplicando el text-decoration: none; y esto no me funcionaba.

    Ahora, referente a lo mismo, necesito cambiar de color el seleccionado lila, es decir, cuando selecciono cualquier texto, me aparece la seleccion en lila, y esto no se donde encontrarlo.

    Mil gracias de nuevo,

    Un saludo!

    Moderador LGrusin

    (@lgrusin)

    Pues no se si te refieres a esto:
    ::selection {
    background: #963cbd;
    color: #fff;
    text-shadow: none;
    }

    ::-moz-selection {
    background: #963cbd;
    color: #fff;
    text-shadow: none;
    }
    El lila es #963cbd; cambialo por el que quieras.

    Saludos

    Iniciador del debate Nuriaruiz

    (@nuriaruiz)

    😀 Exactamente esto. Muchas gracias!

    Un saludo!

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Como puedo cambiar el subrayado en los items del sidebar?’ está cerrado a nuevas respuestas.