Change link hover colour and no-underline

  • Hi all

    I want to simply change the link hover and have no links underlined on posts and pages.

    I’ve tried with css but nothing happened.

    Cant really believe that you can do this is the blocks editor, or customise.

    Anybody point me in the right direction.

    Thanks

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

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

  • Hi @sessomy1971,

    I hope this helps. To change the link color, go to Appearance, Editor, click on Styles, then colors, and select the Link Element. You will be able to choose a Default and Hover color for links.

    To remove the underline style of all links, you can add custom CSS like this one:

    :root :where(.wp-block-post-date a:where(:not(.wp-element-button)):hover) {
        text-decoration: none !important;
    }

    best,

    Jos Velasco.

    I just realised this CSS could work only for links with dates. You’d have to do something similar for different blocks like post titles:

    :root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover) {
        text-decoration: none !important;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.