Custom CSS Theme Styles not overwriting?

[Kerry Adams]

Hi guys. Just grabbed the pro version, and trying to get a little customisation going on over here –

precisionshooter.co.nz

I have uploaded a css file to – http://precisionshooter.co.nz/wp-content/themes/solidus-theme-child/tribe-events/pro/tribe-events-pro.css

But no matter the changes, nothing seems to change on the live site?

Seem to be going in circles reading at the moment. So a point in the right direction would be appreciated.

It might be a theme conflict, but not sure – part of the theme is the dual widget sidebars on the front page – if I switch to twenty fifteen, they disappear.

Thanks.

[George]

Hey Kerry,

Sorry you’ve run into some trouble here!

I checked out your site and the stylesheet is indeed loading, so the fact that its style rules aren’t applying is a bit odd…

Have you tried adding “!important” to any specific rules that aren’t being applied? Just curious if that makes a difference at all. For example, instead of this:


.tribe-events-countdown-widget h2.widget-title {
color: #fa0;
transform: rotate(-2deg);
}


Try this:


.tribe-events-countdown-widget h2.widget-title {
color: #fa0 !important;
transform: rotate(-2deg) !important;
}


This test will help reveal or rule out whether or not this is just an issue with CSS selector inheritance on your site, which is a useful test. Based on our findings we can investigate other potential problems from there.

Thanks Kerry – let us know what you find!

— George

[Kerry Adams]

Thanks for that. Put in the ‘important’ tags and didn’t see any change.

It does seem that something is getting overwritten – as I will occasionally flush the cache and see the text ‘render’ then change quickly.

[George]

I’m sorry to hear it’s still not applying, Kerry. The only things that I could think of as causing this would be either code conflicts from things on your site, or an aggressive caching configuration from your server itself.

Before jumping to conclusions about the server itself, I’d recommend trying to deactivate each plugin on your site one at a time – after every single deactivation, take another look at things on your site and see if things are improving at all, if the CSS seems to be taking effect…

You should do this all the way until through your plugins list until only The Events Calendar, Events Calendar Pro, and WooCommerce Tickets (if you have it installed on this site) are active.

This may seem tedious but is actually a much quicker process to work through than it sounds, and you won’t lose any data that you’ve saved on your site or in options panels and such.

Let us know what you find! And P.S. – thanks for your patience with this thus far 🙂 It’s a bit of an odd issue but I’m confident we’ll get to the bottom of this soon.

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