Dark Site Styles

Hi @vastdesign

Thanks for reaching out.

I tried visiting one of your events, and it’s loading correctly on my end. Are you still having a “Page not found” issue? If so, could you provide the URL of that event, please?

Also, as for making your calendar to blend with dark themed websites, you can try adding the following CSS:

.tribe-common-l-container, .tribe-events-l-container, .tribe-common-l-container.tribe-events-l-container, .tribe-events-pg-template{
background-color: rgba(0,0,0,0) !important;}

You can add it to Appearance > Customize > Additional CSS.

After that, you can adjust the text color of your events by going to Appearance > Customize > The Events Calendar > Global Elements and updating the font colors to your preference.

Let me know how it goes.

Hi @vastdesign ,

Thank you for your message, and I’m sorry to learn of the continued difficulties.

Kindly try appending the following CSS to see if it alleviates the situation.

.single-tribe_events .tribe-events-back a, .single-tribe_events .tribe-events-back a:visited, .single-tribe_events .tribe-events-single-event-title {
  color: rgba(0,0,0,0) !important;
}
.single-tribe_events .tribe-events-pg-template {
  background-color: unset !important;
}

Hi @vastdesign

Please try following and let us know:

.single-tribe_events .tribe-events-back a, .single-tribe_events .tribe-events-back a:visited, .single-tribe_events .tribe-events-single-event-title,
.single-tribe_events .tribe-events-cost, .single-tribe_events .tribe-events-single-section-title {
    color: rgba(255, 255, 255) !important;
}

Hi @vastdesign

You can add the following CSS:

.single-tribe_events .tribe-events-pg-template{ 
background-color: white !important; 
}

Just make sure you remove the custom CSS you previously added for single events page.
I hope this helps. Let me know how it goes.