Add colour to event page

  • Resolved hellops

    (@hellops)


    8 years, 2 months ago

    Hi,

    I wanted to make the events page on my website ( https://pithandsubstance.com/ ) appear a bit more interesting to my viewers by adding colors to the events or the page itself etc. Is there anyway this can be done through CSS or other means?

    If yes, can you please provide me with detailed instructions or custom CSS to do so?

    Thank you,

    PS

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

  • You can use a Custom CSS plugin or a Child Theme to easily add your custom CSS.

    Your events calendar applies a class to each day that has events (tribe-events-has-events), so you could add something like this, for example:

    #tribe-events-content .tribe-events-calendar td.tribe-events-has-events {
    background: #f5f5f5;
}

    If you right-click an event on your calendar, select the Inspect Element to be able to view the code structure of your calendar, from here you’ll be able to view other classes that you can use to make your events page more unique and attractive.

    Hope this helps.

    Plugin Author Brian Hogg

    (@brianhogg)

    Great tips ThemeSumo!

    A quick note though that this looks to be for “The Events Calendar” plugin (by Modern Tribe) rather than Event Calendar Newsletter which takes those events and helps you make a newsletter from them:

    https://www.ads-software.com/plugins/the-events-calendar/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add colour to event page’ is closed to new replies.