Colors of Calendar widget

[conservatoriocastelfranco]

Hello,
how to change the colors of my widget?
The grey you can see has been selected nowhere in the event calendar pro option!
Thanks in advance

[Cliff]

Hi. The only styling/coloring support we provide is via the WordPress Customizer: https://theeventscalendar.com/knowledgebase/wordpress-customizer/

If your site background is red and you don’t want the widget to have a red background, you’ll need to style it as desired with your own customization.

Here’s some sample CSS that could point you in the right direction (of course you’d have to customize it how you’d want it, possibly other parts of the widget as well):

.tribe_mini_calendar_widget
.tribe_mini_calendar_widget a {
color: white;
}

.tribe_mini_calendar_widget .tribe-mini-calendar-no-event {
color: black;
}

.tribe_mini_calendar_widget .tribe-mini-calendar thead {
background-color: transparent;
}

[conservatoriocastelfranco]

Dear Cliff,
thanks for your help.

Here a screenshot of my widget right now:

https://www.dropbox.com/s/arnw3szw5rux0n9/Schermata%202018-06-13%20alle%2010.39.30.png?dl=0 https://www.dropbox.com/s/arnw3szw5rux0n9/Schermata%202018-06-13%20alle%2010.39.30.png?dl=0

I still need to fix the grey that appears on the days with events.
What is the variable to fix in the CSS customiser?

Can you give the list pheraps of all variables?

Thanks in advance

[conservatoriocastelfranco]

Dear Cliff,
here below another screenshot, this time about the main event calendar:

https://www.dropbox.com/s/m6dz4njgyjkb853/Schermata%202018-06-13%20alle%2011.03.58.png?dl=0 https://www.dropbox.com/s/m6dz4njgyjkb853/Schermata%202018-06-13%20alle%2011.03.58.png?dl=0

as you can see, to many details do not fit with my website and it is not possible to change them unless by adding some CSS code.

I need to change:

the black bar,
the color of the font for the days
the color of the numbers
the color of the sub-bar under the black one
the color if the sub-bar for the next days of the month
the color of the month filter
the color of the selection when (when passing the mouse alone the days)
possibly the font

Thanks in advance

[Cliff]

Thanks for the screenshots. Did you try The Events Calendar’s color settings in the WordPress Customizer (linked in previous reply)?

Did you implement the CSS I provided to you in my previous reply?

You can add custom CSS code via your child theme’s style.css file, via WordPress 4.7’s Customizer CSS settings, or via a third-party plugin (not guaranteed or supported by us), like:

• SiteOrigin CSS (helps you visually build CSS selectors via its Inspector and Visual Editor, if that’ll help you)
• Simple Custom CSS
• Jetpack (supports regular CSS and the LESS and Sass pre-processors)

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

[conservatoriocastelfranco]

Dear office,
I am still waiting the answer about the troubles I have in filling the right colours for my website.
Thanks in advance

[Cliff]

Sorry if you didn’t receive notification of my prior reply on June 13.

Please review it and let me know if you still have 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