Reduce line Underline thickness on site title hover

  • Resolved SkylerGainsb

    (@skylergainsb)


    9 years 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)
  • CypressWebs

    (@jmeyer2485)

    9 years ago

    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.

    CypressWebs

    (@jmeyer2485)

    9 years ago

    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)

    9 years ago

    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.