BG Color on gCal-iCal buttons.

[Jason]

Hello all,

I’ve been getting very frustrated trying to change the background color on the “Google Calendar” and “iCal Export” buttons.

None of my background CSS can touch these buttons. I’ve tried adding it in custom CSS and even creating a “tribe-events-pro.css” file in the theme directory. I can add margin and such, but the “background” rules are overridden and I can’t seem to change it no matter what I try.

Any ideas on how to re-color this pesky button?

• This topic was modified 9 years ago by Jason.

[Geoff B.]

Good evening Jason and welcome back!

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

On most WordPress theme, the easiest to accomplish that is by going to Appearance > Customize > The Events Calendar > Global Elements > Button color.

You can also try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-events-button, #tribe-events .tribe-events-button {
background-color: #dd3333 !important;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Jason]

Your CSS recommendation worked on changing the color.

Thank you for your assistance!

[Geoff B.]

Good evening Jason,

I am super stoked that helped.

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