design problem in single event

[Hans]

Hi, sorry fro newbie question.

I am trying to change the layout and colors for the tickets part.
I have been looking around in the forum but am not able to find any tips.

see also the screenshot i added,

for live view go to

http://mbmtest-d-o-t-nl.alvast-online.nl/event/testevent/

thanks for your help.
Hans

[Geoff B.]

Good afternoon Hans and welcome back!

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

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

.tribe-events-style-full .tribe-events-tickets {
background: black !important;
}

#tribe-events .button {background: #3f7ccd !important;}

Let me know if that helps.

Have a great day!

Geoff B.

[Hans]

Super !
thanks

[Hans]

oopss

now still these other buttuns….

see image

[Geoff B.]

Good evening Hans,

I am glad you have made some progress!

Try the following:

.tribe-events-style-full .woocommerce .quantity input {
background-color: black !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[Hans]

this is helping indeed. Is there a reference where i could find this kind of information?
Explaining the CSS settings linked to different screens?

[Geoff B.]

Good evening Hans,

I am glad this is helping.

To learn more about this, I would recommend reading the following:

1. https://theeventscalendar.com/knowledgebase/changing-fonts-and-colours/
2. https://theeventscalendar.com/knowledgebase/using-google-chrome-developer-tools/

Let me know if that helps.

Have a great day!

Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts