Search Events Calendar Child Theme for Divi Documentation

Search for answers or browse our knowledge base.

< All Topics

How to change the font style of the datepicker button?

To customize the font size, family, and background color of the datepicker button, you can add the following CSS code to your WordPress theme:

  1. Navigate to Appearance > Customize in your WordPress Dashboard.
  2. Select Additional CSS.
  3. Paste the CSS code into the provided text area.
  4. Click Publish to save your changes.
.tribe-common .tribe-events-c-top-bar__datepicker-button
     background-color:rosybrown !important;
     font-size: 30px !important;
     font-family: fantasy !important;

Note: In the above code you can change the font color, size, and font family according to your preferences.


To change the style on hover state add the below CSS

.tribe-common .tribe-events-c-top-bar__datepicker-button:hover
     background-color:#00000 !important;
     font-size: 35px !important;
     font-family: fantasy !important;
Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Please Share Your Feedback
How Can We Improve This Article?