Changing Buy Now! Button Color

[Sophie]

I have been asked by my client to change the Buy Now! button to a more vibrant color. The site is UMAWeb.org, the button can be seen by going to: https://umaweb.org/events/category/coming-soon/

I would also like to change the color of the Add to cart button shown on: https://umaweb.org/event/2017-uma-membership-meeting/

Can you tell me where I should look for the code to make these changes?

[Geoff B.]

Good evening Jeremy and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

We are currently in the process of including the “Buy Now” and all other buttons in the Events Calendar’s customizer.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-button {
background-color: #000;
}

Let me know how that goes.

Best regards,
Geoff B.

[Sophie]

Worked a charm. It is having an issue on Chrome on my laptop but has refreshed nicely on IE and Firefox. It also came through champion on Safari. Thanks

[Geoff B.]

Good evening Jeremy,

I am super stoked to hear that.
On Google Chrome, this is most likely a browser caching issue.

If you force refresh the page or look at it in a private browser window, the button comes out perfectly.

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts