Reduce line Underline thickness on site title hover

  • Resolved SkylerGainsb

    (@skylergainsb)


    9 years, 7 months ago

    Hi, I’m trying to fine-tune dene-tha.com and having trouble locating what affects the underline on the site title upon hover.

    It seems that the thickness of this line is tied to the font itself?

    I want to keep the font weight/size all the same, but reduce the thickness of the underline upon hover. Is there some code for this?

    Any suggestions would be very much appreciated. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • In your Child Theme or CSS Editor Plugin try this code:

    a:hover, a:focus {
    text-decoration: none;
}

    *Note
    If your theme has a custom CSS Editor in it, you can also paste the code in there.

    Never edit core CSS or PHP files, they’ll be deleted when the theme is updated.

    After that you can add this code:

    .site-title a:hover {
    border-bottom: 2px solid #415161;
}

    Just adjust to your likes.

    Thread Starter SkylerGainsb

    (@skylergainsb)

    Perfect! Nailed it. I added this to my child theme’s CSS. Thanks Erik!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce line Underline thickness on site title hover’ is closed to new replies.