CSS and page IDs

  • Resolved eyeghoti

    (@eyeghoti)


    1 year, 11 months ago

    When I’ve used CSS to (eg) change text colour in part of a specific page before, I’ve used the page ID.

    .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 to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Guga Alves

    (@gugaalves)

    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/ 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

    (@d0153)

    Hi @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.