Inconsistent button and link colours

  • Resolved Sheona

    (@sheona)


    3 years, 5 months ago

    Hi

    I don’t understand the inconsistencies on link colours across my site. Why are the link and hover colour on this page different in the paragraphs under ‘About our visitor material’ – https://www.stcyriacs.org.uk/guides/ In custom CSS, I added code like this to make the darker colour, but it obviously hasn’t applied it everywhere:
    a:link {
    color: #c68f04 !important;
    }

    Also why can’t you change link colour separately from button colour? On my homepage (https://www.stcyriacs.org.uk), the button colour follows the typography setting, and the text follows my additional CSS, because I couldn’t see any way to separate them.

    What is the relationship between link colour, button colour, and both of those things after clicking on them? Also on the menu at the top. When you change the text colour in a block element, which takes priority?

    Any clarity on all of this would be much appreciated!

    Thanks,
    Sheona

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

Viewing 1 replies (of 1 total)

  • Hi @sheona!

    Thanks for choosing Neve!

    I’m not sure I can see the issue with the link color on the Guides page. The links under “About our visitor material” already have the color you added with that CSS code. If you want to change the link color on hover, it’s possible to use the code below, changing the color as you please.

    a:hover {
    color: blue !important;
}

    Both the button and link color follow the Primary Accent from Customizer -> Colors & Background. The button and link color on hover follow the Secondary Accent. You can find a detailed guide about global colors in Neve here.

    It is also possible to change the button background and text color from the editor, as you can see here.

    Have a nice day!

Viewing 1 replies (of 1 total)
  • The topic ‘Inconsistent button and link colours’ is closed to new replies.