Title: Dark Site Styles
Last modified: August 19, 2025

---

# Dark Site Styles

 *  Resolved [vastdesign](https://wordpress.org/support/users/vastdesign/)
 * (@vastdesign)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/)
 * Hi, is there an option to have it show up on a dark website? Also, when we click
   on an event, it says Page not found.
    -  This topic was modified 9 months, 3 weeks ago by [vastdesign](https://wordpress.org/support/users/vastdesign/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdark-site-styles%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Support [Darian](https://wordpress.org/support/users/d0153/)
 * (@d0153)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18605378)
 * Hi [@vastdesign](https://wordpress.org/support/users/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:
 *     ```wp-block-code
       .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.
 *  Thread Starter [vastdesign](https://wordpress.org/support/users/vastdesign/)
 * (@vastdesign)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18605411)
 * Hi Darian, thank you for your help. I did what you suggested and it fixed the
   main page but not the single event page: [https://rockthe789s.com/date/the-villages/](https://rockthe789s.com/date/the-villages/)
 *  Plugin Support [tristan083](https://wordpress.org/support/users/tristan083/)
 * (@tristan083)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18606055)
 * Hi [@vastdesign](https://wordpress.org/support/users/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.
 *     ```wp-block-code
       .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;}
       ```
   
 *  Thread Starter [vastdesign](https://wordpress.org/support/users/vastdesign/)
 * (@vastdesign)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18606760)
 * Sorry that didn’t change anything.
 *  Plugin Support [Darian](https://wordpress.org/support/users/d0153/)
 * (@d0153)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18608382)
 * Hi [@vastdesign](https://wordpress.org/support/users/vastdesign/)
 * Please try following and let us know:
 *     ```wp-block-code
       .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;}
       ```
   
 *  Thread Starter [vastdesign](https://wordpress.org/support/users/vastdesign/)
 * (@vastdesign)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18608783)
 * How do we have a white background for the single event page? [https://rockthe789s.com/date/the-villages/](https://rockthe789s.com/date/the-villages/)
 *  Plugin Support [Darian](https://wordpress.org/support/users/d0153/)
 * (@d0153)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18610121)
 * Hi [@vastdesign](https://wordpress.org/support/users/vastdesign/)
 * You can add the following CSS:
 *     ```wp-block-code
       .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.
 *  Plugin Support [Darian](https://wordpress.org/support/users/d0153/)
 * (@d0153)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18612694)
 * Hi there,
 * It looks like we haven’t heard back from you in a while, so I’ll go ahead and
   close this thread for now.
 * If you still need assistance, feel free to reopen this thread or start a new 
   one

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Dark Site Styles’ is closed to new replies.

 * ![](https://ps.w.org/the-events-calendar/assets/icon-256x256.gif?rev=2516440)
 * [The Events Calendar](https://wordpress.org/plugins/the-events-calendar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/the-events-calendar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/the-events-calendar/)
 * [Active Topics](https://wordpress.org/support/plugin/the-events-calendar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/the-events-calendar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/the-events-calendar/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [Darian](https://wordpress.org/support/users/d0153/)
 * Last activity: [9 months, 3 weeks ago](https://wordpress.org/support/topic/dark-site-styles/#post-18612694)
 * Status: resolved