Title: Customize CSS class
Last modified: August 31, 2016

---

# Customize CSS class

 *  [simplelogic](https://wordpress.org/support/users/simplelogic/)
 * (@simplelogic)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/customize-css-class/)
 * Hi is there a way to add some custom css to the events pages?
 * Our site uses a transparent navigation until you scroll down the page. I have
   to use some custom css on pages where there is no header such as the pages output
   by your plugin.
 * For instance, I use these css class modifications on woocommerce pages and blog
   posts.
 * .single-post .x-navbar {
    background-color: rgba(0,0,0, 0.8) !important; }
 * .woocommerce .x-navbar {
    background-color: rgba(0,0,0, 0.8) !important; }
 * I have tried using .tribe-events, etc.. but they are not changing your pages.
   What class should I be using?
 * Thanks
 * [https://wordpress.org/plugins/the-events-calendar/](https://wordpress.org/plugins/the-events-calendar/)

The topic ‘Customize CSS class’ 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/)

 * 0 replies
 * 1 participant
 * Last reply from: [simplelogic](https://wordpress.org/support/users/simplelogic/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/customize-css-class/)
 * Status: not resolved