Proper CSS Override Location?

[sebastiancorp]

After reading the Themers Guide and implementing both of these things:

Loading Custom Styles for The Events Calendar PRO (premium)

To load custom styles for PRO views and elements, create a stylesheet called tribe-events-pro.css in the tribe-events/pro/ directory of your theme.
To load custom styles for the Events Calendar widget, create a stylesheet called widget-calendar.css in the tribe-events/pro/ directory of your theme.

So, we have:

/wp-content/themes/sparkling-child/tribe-events/pro/tribe-events-pro.css
/wp-content/themes/sparkling-child/tribe-events/pro/widget-calendar.css

Each directory contains the following css:
.ecs-event-list { background: red;}

Because we wanted it to be REALLY obvious if the CSS was being loaded into the events list. 🙂

We find that the custom CSS we added is not having any effect. We’re not sure if it’s loading at all. And, having followed the directions in the Themers Guide, we’re not even sure how to troubleshoot.

Where do we begin? The site is not on the public internet and therefore I can’t provide a link, but I can post HTML and screenshots if need be.

[Geoff]

Hey there,

Great question! You are spot on as far as where to include the CSS file, so it’s weird the styles are not loading.

Would you be willing to share a link where that style should be working so I can take a look myself?

Thanks!
Geoff

[Geoff]

I should add that another way of doing this would be to use the Simple Custom CSS plugin. The stylesheets are a great option, but this plugin is great as well.

[Robert Hickling]

Hi there,
I’m having difficulty with this same issue. I’ve tried the Simple Custom CSS plugin, as well, to no avail.

I have:
/wp-content/themes/dt-the7-child/tribe-events/pro/tribe-events-pro.css
/wp-content/themes/dt-the7-child/tribe-events/tribe-events.css

Neither seems to be updating the following:

.tribe-mini-calendar-event .list-date .list-dayname {
font-size: 14px;
}

Thanks!
Robert

[Geoff]

Hey Robert,

It sounds like your situation might be the need to use a different CSS altogether. Will you please open a new thread and provide a link to what you are trying to customize so we can look at it from there?

Thanks!
Geoff

[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