How to set text decorations on hover, navigation and page links

  • sb1202

    (@sb1202)


    1 year ago

    I’m tearing my hair out with this. (Vanilla install, no other plugins etc.)

    How do I change the text decoration of links on hover in the editor? I can do this no problem with custom code but I can’t find anyhere to set these up in the editor.

    For example, on the first text link, fist paragraph I’ve managed to set the hover colour to red but how do I set ths decoration to underline on hover. It’s defaulting to none.

    On the navigation block, the hover state changes to underline on hover but I can’t find anywhere in the editor to set this hover state to none.

    Grateful for any help.

    Thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator jordesign

    (@jordesign)

    Hey @sb1202 – I feel your pain. Editing the text decoration on hover (and other psuedo) styles in the editor is something that isn’t possible…. yet.

    But it’s something that is being discussed and is hopefully on the roadmap.

    Thread Starter sb1202

    (@sb1202)

    Hi @jordesign,

    I’m genuinely flabbergasted and baffled at what the developers must have been thinking? Pseudo elements are rudimentary. The block editor is tota mess Im sorry to say and its absolute torture to use as it is so this will no doubt need to be yet another hack.

    Would you happen to know what the custom CSS code is? Id prefer not to edit the json.

    Thanks

    Moderator jordesign

    (@jordesign)

    Hey @sb1202 – checking out the page you linked to – it appears you managed to figure out the CSS you needed.

    I see you using

    a:where(:not(.wp-element-button)):hover {
    text-decoration: none;
}

    Please let me know if you need any further assistance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to set text decorations on hover, navigation and page links’ is closed to new replies.