Change 2 elements colors

[Lionel]

Hello,

Could you please tell me how to change these 2 colors.

– 1 : The dark grey : http://i.cubeupload.com/HX7kLd.png
– 2 : the date, here “12” : http://i.cubeupload.com/J5IDOC.png

Thank you so much! 🙂

[George]

Hi Lionel,

Changing these colors will require several CSS customizations. We cannot help with code customizations. Please see the “Product Support” section of this page for more information on that → http://theeventscalendar.com/terms

If you do not know how to to write custom CSS on your site, you can learn by first checking out a [free!] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome. They have “Inspector” tools that let you zoom right over the element whose colors and such you would like to change.

Spend some time tinkering and researching anything you’re not familiar with, and you should be good to go.

Best of luck with your styling!
George

[George]

Hi Lionel,

I just wanted to share an example of the above methods. For example, try pasting the following CSS into the bottom of your theme’s style.css file:


.tribe-mini-calendar-nav td,
.tribe-mini-calendar th {
background: #cc9900 !important;
border-color: #cc9900;
}

.tribe-mini-calendar td.tribe-events-has-events {
background: #cc9900 !important;
}

.tribe-mini-calendar-event .list-date .list-daynumber {
color: red !important;
}


See how this code affects the colors of things on your site; try removing bits of it temporarily to see the affect of each line. I hope this helps and serves as a good example for all further CSS tweaks you might want to make

Cheers,
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts