CSS styling not working

[tpsaras]

Hello there,

I have been trying to style my calendar widget found in the homepage here teerodou.72south.net using the Themer’s Guide with no luck. My styles seem to be ignored by my theme, a Divi child theme.

Could anyone help? I think I have created the folder correctly, /wp-content/themes/teerodou/tribe-events/pro/ and I tried to copy the whole css file widget-calendar-full.css and make the changes there.

As an example, I would like to change the colour as follows

.tribe-mini-calendar thead {
background: #F59331;
}

Many thanks in advance.

Daffy

[Courtney]

Hey Daffy

Can you add the following code to your child theme, or in Appearance » Customize » Additional CSS?

.tribe-mini-calendar-nav td {
background-color: #F59331 !important;
}

Let me know if that works instead.

Thanks
Courtney 🙂

[tpsaras]

Thank you for the speedy reply and help Courtney!

This works a charm, my only concern is, would I loose all my edits if there is an update this way?

Great support.

Best,

Daffy

[Courtney]

Hi Daffy

If this code is in either your child theme or Appearance » Customize » Additional CSS, it will be fine no matter the updates.

If you were to add this directly to our plugin files, that would be lost on update.

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