Calendar Page Header & Background Customization

[Danean]

I’m in the process of building an updated website for my client and at this point I’m exploring use of TEC free version for their site. When I look at your demo of the free version, it shows customization of the header area and background (outside of the calendar itself). Was this done by creating custom CSS for the calendar page? If so, is that accomplished by following the instructions at the Themer’s Guide?

Thanks in advance,
Danean

[Courtney]

Hi Danean

Can you link me to the customization example you are referring to? I have a feeling it was changed with CSS but would like to be sure.

You can see our default expected output on WP Shindig Demo Site https://wpshindig.com/events/. This has most of our plugins live to see.

A Few tips to help you change the look further include:

1. Start by modifying what you can at Appearance » Customize » The Events Calendar.
2. We generally don’t recommend that you change the theme or plugin’s CSS files directly, as they will be overwritten. To avoid this, follow the steps outlined in Themer’s Guide
3. Use overriding CSS files, or add CSS to your site using Appearance » Customize » Additional CSS.
4. Use !important before a semicolon to override every css rule. It’s a brute force method, but works for quick fixes.
5. Please check out this Customizing WordPress #2 – Using Chrome Developers Tools YouTube video in addition to our Using Chrome Developer Tools tutorial on how to easily make changes using CSS.

Is there anything else I can help you with?

Thanks
Courtney 🙂

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts