a tag formatting

  • jcomanda

    (@jcomanda)


    3 years ago

    A user has asked to have links appear not-underlined until a visitor hovers over them. By default Blockbase appears to have the opposite settings. Links appear underlined, but when a user hovers over them, the underlining disappears.

    I would have thought that the following Custom CSS would give me what I want, but it doesn’t. The “a:link { text-decoration: none; }” works, but the “a:hover { text-decoration: underline; }” does not.

    Any suggestions?

    a:link { text-decoration: none; }
    a:hover { text-decoration: underline; }

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

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

    (@kokkieh)

    Hi there,

    Your code isn’t working because the a selector on its own is not specific enough, so other CSS code is overriding it.

    Try this instead:

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

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

    (@jcomanda)

    Thank you very much. It worked perfectly.

    KokkieH

    (@kokkieh)

    Happy to help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘a tag formatting’ is closed to new replies.

Tags