Customize the day-of-the-week bar so that it's legible

[DT]

HI there,

As you can see, I can’t change the color of the background or the text on the day of the week header of the calendar:

http://dthoss.com/events/

Will PRO allow me to change that?

Thanks,

David

[Caroline]

Hi David,

Thanks for reaching out! While our WordPress Customizer options don’t yet include selectors for the day-of-the-week header, you can make changes to this area using CSS instead. This Knowledgebase article provides a bit more information on how you can use CSS to change the look and feel of any element on any of your calendar views! For a quick change to your day-of-the-week header, simply navigate to Appearance > Customize in your WordPress admin, click the Additional CSS option from the sidebar menu, and paste the following CSS (saving your changes once you’ve finished):

.tribe-events-calendar thead th {
     background-color: #000000;
     color: #FFFFFF;
}

In this example, the background color is represented by the hex value #000000 (which displays as solid black), while the text color is designated as hex value #FFFFFF (solid white). You can change these colors to anything you’d like–this color picker will give you the hex value (beginning in #) for any color you select.

I hope that helps! Thanks again, and let us know if you should have any other questions! 🙂

[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