How do I reverse the underline behavior on links?

  • Resolved Jim Krenz

    (@ujim)


    2 years, 7 months ago

    I am using Geologist on three sites, and I am very happy with it. Thanks for making and sharing it!

    There is one thing that I would like to change, and I can’t figure out how to do it. I want reverse the underline behavior on links.

    Currently, a link has an underline. When you hover over the link, the underline disappears.

    I want the opposite: The link should only have an underline when the mouse is hovering over it.

    Any ideas on how to achieve this?

    Thanks!

    Sincerely,

    Jim

    The page I need help with: [log in to see the link]

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

  • Hi Jim,

    If you add this under Additional CSS in the Customizer it should do the trick:

    .wp-block-post a {
	text-decoration: none;
}

.wp-block-post a:hover {
	text-decoration: underline;
}
    Thread Starter Jim Krenz

    (@ujim)

    Thank you @kokkieh!

    I had to manually use /wp-admin/customize.php, as otherwise, I was getting the full site editor (and couldn’t figure out how to add the CSS in the full editor).

    Ah, sorry about that. I use Jetpack on my test site, and it adds the Customizer link back to the menu, so I forget that without Jetpack block themes won’t show the Customizer ??

    Glad you got it figured out, though.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I reverse the underline behavior on links?’ is closed to new replies.