Title: CSS and page IDs
Last modified: April 20, 2023

---

# CSS and page IDs

 *  Resolved [eyeghoti](https://wordpress.org/support/users/eyeghoti/)
 * (@eyeghoti)
 * [3 years ago](https://wordpress.org/support/topic/css-and-page-ids/)
 * When I’ve used CSS to (eg) change text colour in part of a specific page before,
   I’ve used the page ID.
 *     ```wp-block-code
       .page-id-414 .page-wrap .content-wrapper {
       color: #fff;
       }
       ```
   
 * For the pages Events Calendar creates (eg for the main calendar or the details
   of an individual event), I can’t find page IDs. 
   Is it not there, and if not,
   how can I make CSS apply to just a single EC page?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-and-page-ids%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Guga Alves](https://wordpress.org/support/users/gugaalves/)
 * (@gugaalves)
 * [3 years ago](https://wordpress.org/support/topic/css-and-page-ids/#post-16673662)
 * Hi there,
 * As the calendar views are automatically generated by our plugin without creating
   new pages on your website, there’s no page ID for each calendar view, but inspecting
   the div containing the calendar you’ll be able to see some CSS classes added 
   there.
 * For example, inspecting the URL you’ve shared here, [https://www.sa-fc.org.uk/bookings/month/](https://www.sa-fc.org.uk/bookings/month/)
   you should find the following div:
 * `<div class="tribe-common tribe-events tribe-events-view tribe-events-view--month
   tribe-common--breakpoint-xsmall tribe-common--breakpoint-medium tribe-common--
   breakpoint-full"...`
 * The tribe-events-view–month is the class for the month view, while the breakpoint
   ones are used for responsive layout.
 * Note that this div is inside the .page-wrap and .content-wrapper, so you should
   reference the event classes inside those ones, like “.page-wrap .content-wrapper.
   tribe-events-view”. Anyway, note that this may not work as desired depending 
   on which items are you trying to edit the colors, so a more specific CSS class
   may be required to customize each item.
 *  Plugin Support [Darian](https://wordpress.org/support/users/d0153/)
 * (@d0153)
 * [3 years ago](https://wordpress.org/support/topic/css-and-page-ids/#post-16712249)
 * Hi [@eyeghoti](https://wordpress.org/support/users/eyeghoti/)
 * This thread has been inactive for a while, so we’ll go ahead and mark it **Resolved**.
   Please open a new thread if any other questions arise, and we’d be happy to help.

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

The topic ‘CSS and page IDs’ 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/)

 * 2 replies
 * 3 participants
 * Last reply from: [Darian](https://wordpress.org/support/users/d0153/)
 * Last activity: [3 years ago](https://wordpress.org/support/topic/css-and-page-ids/#post-16712249)
 * Status: resolved