Twenty Twenty Theme: Colour of Hyperlink

  • Unknown's avatar
    exploringcolour · Member ·

    Within a paragraph block I made a word into a hyperlink but the live page didn’t show a different colour for the hyperlink – only an underline. My text is dark so I thought perhaps I couldn’t see it but when I changed one paragraph to white text I still couldn’t see any colour change in the hyperlinked word.

    In the Customiser where you choose Colour it says: Apply a custom colour for links, buttons and featured images.

    So what does this mean by “links” – only the top menu links and not hyperlinks in paragraph text? Please explain.

    FYI the links I added are to any instances of the word “SuDS” on the page:
    https://greatsouthernplans.wordpress.com/services/whatwedo/

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    That setting gets applied to all links, including the menu, meta-links like the category and tag links appearing at the end of a post, and links inside post and page content.

    But the custom text color you’re setting for your paragraph blocks overrides that setting. This has to do with the order in which the different styles are loaded on the page: first comes the theme’s stylesheet, then any settings from the customizer, then anything that’s set within the editor itself. And whichever instruction the browser loads last, is the one that will be executed.

    The only way to have the link display a custom color that’s different from the custom color you’ve set for the paragraph block, is to use custom CSS and include the !important attribute, as that overrides the default order and forces that particular rule to always be the one that’s applied.

  • The topic ‘Twenty Twenty Theme: Colour of Hyperlink’ is closed to new replies.