- This topic has 6 replies, 3 voices, and was last updated 10 years, 7 months ago by
.
-
Posts
-
So, I was working on a staging site and had all of the customization to the tribe event CSS files that I wanted done. I switch over to the live, copy everything and none of my CSS edits appear on the browser and ‘inspect element’. Yet, they’re there in the files in FTP and Editor in WP. Can someone help me as to why this may be happening?
Live: http://electricavenueatx.com/
Staging: http://eaatx.staging.wpengine.com/Howdy cbarbuto,
I’d be happy to help figure that out. My first instinct would be to ask: are you using a child theme for your changes? If so, have you yet selected the child theme on your live site in WP Admin > Appearance > Themes ? Or is it perhaps using the parent theme and thus your changes aren’t being loaded?
Cheers!
– Brook
Thanks for giving that a whirl. Upon further investigation it looks like you were directly modifying the following file, instead of doing a theme override: http://eaatx.staging.wpengine.com/wp-content/plugins/events-calendar-pro/resources/tribe-events-pro-full.min.css
Just so you know, it is recommended not to modify WP plugin files, but to instead use theme overrides. The reason for this is that when you update a plugin in WordPress it deletes the current plugin folder, along with any changes you made, and replaces them with the default versions of those files. So updating plugins removes all of your changes.
That said you should still be able to get your changes to pull in, regardless of where you made them. When you say they are showing up in the WP Editor, do you mean the one found in WP Admin > Plugins > Editor “The Events Calendar Pro”? Or, do you mean WP Admin > Appearance > Editor > SideBlogThemeRes? If it is the theme editor, then it does not look like you copied the correct files. Your padding change around the edge of the calendar was made directly to the plugin’s CSS file, so you might still need to copy over the plugin files themselves which are in the /wp-content/plugins/ directory.
If the above does not work, then I can only think of two other possible but unlikely causes: 1) Do you have a caching solution on your website? Have you tried clearing it? This is not usually the case on wpaengine, but I still had to double check. Or, 2) Your host might be able to help you. This truly does not seem like an issue related to our plugin. I have never seen anything like this before, particularly when the changes are made directly to the plugin files as yours appear to be. There is no reason for them not to show if they are indeed present on the new site. Wpaengine might be able to help you by looking at file timestamps and comparing them, or other logs to see why the server is not loading the new versions of those files.
Does that all make sense? Please let us know if I can clarify or be of further help in some way.
Cheers!
– Brook
Could it be because it’s adding the ?ver=3.9.1 to the stylesheet?
<link rel='stylesheet' id='tribe-events-calendar-style-css' href='http://electricavenueatx.com/wp-content/plugins/the-events-calendar/resources/tribe-events-full.min.css?ver=3.9.1' type='text/css' media='all' />Not sure how this plugin pulls in the stylesheet but I can’t find that within my theme’s header.
Good question. That version ending is something WordPress commonly does with assets like CSS files. But it does not actually load a different file nor does it store old versions anywhere. All it does is force improperly configured caching systems to serve the latest version of a CSS file when you update the plugin or theme by making it clear that the new version is a different URL/file. There is only ever one CSS file in your plugin directory, so you don’t have to worry about editing the wrong one on your end.
In short, no that should not be the problem.
- Brook
- The topic ‘CSS not loading’ is closed to new replies.