changing color of add to cart button

[Camilla]

This may be a woo commerce question but my add to card button is a different color than my predefined color scheme and customized button short codes. How can I change it?

Thanks!

Camilla

[Camilla]

I noticed the issue is only on the ticket page. The button colors on the check out page are fine, so this makes me think it must be related to the Event Tickets Plus. See image attached.

Thanks again!

CG

[Geoff B.]

Good evening Camilla and welcome back!

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

There are a couple of ways to go about this.

The easiest is probably to use WordPress’ built-in customizer.
Try heading to Appearance > Customize > the Events Calendar > Global elements.

As an alternative, try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

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

Let me know if that helps.

Have a great day!

Geoff B.

[Camilla]

Sorry to say, neither of these worked. ??????

[Geoff B.]

Good evening Camilla,

Thank you for writing back.
I am sorry these 2 approaches did not work.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Secondly, could you please provide me with the URL of an example Ticket on your site ?

Hang in there!

Best regards,

Geoff B.

[Camilla]

This reply is private.

[Geoff B.]

This reply is private.

[Camilla]

This reply is private.

[Geoff B.]

Good evening Camilla,

Thank you for the info.

This allowed me to go in to take a look.
I have to say it is the first time I have seen a higher hierarchy !important CSS rule fail to kick-in.

It looks like you will need to hack the following file directly: /wp-content/plugins/event-tickets/src/resources/css/rsvp.min.css (look for #tribe-events .button).

I know this is not great, but it should buy you some time.

You might also want to run this by the good folks from the Avada team.

Let me know how that goes.

Best regards,
Geoff B.

[Stefan]

Hello,

it would be great if you could make the solution available t the public because I have exactly the same issue.

Best wishes,
Stefan

[Camilla]

Are you talking about the actual Event Tickets Plugin? Under Editor?

CG

[Geoff B.]

Good afternoon Camilla,

That is a great question.

To modify this file (which again is only a temporary solution until the Avada team can take a look at this), you will need:

1. To use a FTP client to connect to your server
2. If you are uncomfortable with that, you might prefer using the file manager in your Cpanel

Stefan, I have made the previous answer public.

Best regards,

Geoff B.

[Stefan]

Got it. I have contacted Avada about this.

[Stefan]

Thanks Geoff!

I did hack the file directly but the color change didn’t work. That is not fine but I can live with that until the next update if you plan to solve this.

BTW it is spooky that the last reply from Camilla (which was a processed email) runs under my name. I have clearly not posted this.

Best,
Stefan

[Camilla]

Hey Geoff,

I got help from avada and they had me add the following code to my custom CSS section and it worked! I guess what was missing was noting the e-commerce gateway.Just wanted to let you know if anyone else has the same issue.

#tribe-events .woocommerce .button {
background: #dc0012 !important;
}

CG

[Author]

Posts