Button text colour changed

  • Hi.

    I’m hoping to have the links in the content pages to be a blue color and the button text to be white. But the button text seems to use the same styling as the link color in the content pages… So in the customizer, when I change the color of content page links, the button text color also changes. I can’t separate the styling for these. How can I get the customizer to change the button styling?

    Or whats the best way to achieve this?

    Here’s a sample page: https://techost.co.za/merriwabowls/news/

    Many thanks

  • Hi there,

    Can you remove the link color from customizer > colors > content?

    Let me know if that works.

  • I figured it out. Thanks

  • I changed the “Tag Name” from a to button.

    This worked. Thanks

  • Hum… the Read more button should be using <a> tag as it contains a link. <button> tag is to trigger events.

  • Hi Ying

    You’re right, the links from the “read more” buttons don’t link to anything since i changed the tag name to “button”.
    So I changed them back to “a”. I also removed the link color from the content in customizer and that did the trick!

    Thanks again for your help!

  • You are welcome   🙂

  • I have run into the exact same issue, and finally found the fix of removing the color from the content section. This seems like a common issue. I hope this bug can be fixed at some point as the whole point of having the global settings is to reduce the amount of manual work.

  • Hi there,

    apologies if this caused you any frustration.

    Button colors can be tricky as they are generally <a> links making them susceptible to other styles. We are aware it can cause an issue, buts it’s not a bug, it’s just a complexity of theming. And remedying it by amending either theme or button styles is not an option as it could break backwards compatibility and the cascading style functions such as Global Styles.

    Today, the solution is to NOT use the content links colours when building with the block editor, they are rarely required anyway as the body links can be used instead. If you do require separate link colors for content then we can provide some CSS.

    We do have some plans for better theming options that will remedy this kind of problem.

    I hope the explanation helps.

  • Thank you, David. That makes sense. I was confused about the difference between the content and body links, but this should not be an issue for me going forward. I appreciate the response and how helpful this forum is.

  • Glad we could be of help!

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.