Jump to content
revoltoid

Compiled CSS not found 404

Recommended Posts

revoltoid

Hello,

 

Can you guys please help me with this problem,

 

The CSS file fails to load every third (or so) time. It occurs on any pages on my site randomly but consistently.

 

I have checked the source in Firebug and it is looking for the file in this line:

 

wp-content/uploads/pagelines/compiled-css-1360606434.css

 

You can see it in around the 60th line in the source.

 

 

However, the file that I have in that folder on the server is named differently, so no CSS loads resulting in the usual plain html look when there is no CSS file.

If I stay on the page and refresh it, the correct CSS file appears in the script and it loads fine.

 

What to do?

 

Thank you,

 

Istvan

 

site: http://imagyarweddings.com

Share this post


Link to post
Share on other sites
Simon

You are using a 3rd party cache plugin, disable that 1st and see if the problem persists.

Share this post


Link to post
Share on other sites
revoltoid

Hi Simon,

 

I think I have tried it with cache plugin off and the error occurred, but I try it again, just to make sure I am right. Back with the results soon. 

Share this post


Link to post
Share on other sites
revoltoid

Hmm, it seems that without the cache plugin, it looks up the correct CSS file and loads fine.

 

Strange, because I have been using this cache plugin for quite a long time and it's been working fine.

 

Should I try to uninstall and install the plugin again?

Share this post


Link to post
Share on other sites
revoltoid

Wait, Simon,

I have just seen it loading without CSS again.

I have been loading pages for about 5 minutes without problems, then I tried on an iPad as well.

The 5th time I tried it loaded a page without CSS. I immediately checked on the desktop computer and the same page came html only!

All I did in between was, that I have changed a setting in the Pagelines Global Settings (arrows on dropdown).

The very next page came without CSS.

Share this post


Link to post
Share on other sites
revoltoid

I observed it.

Every time I save settings in the Pagelines panels, the CSS file name changes (which is normal I guess) and/but the script is looking for the recent one with the old name and because that is no more, no CSS loads. If I refresh the page, the correct file loads. If I change and save a setting on the Pagelines panels, file name changes, CSS not found and doesn't load, till I refresh the page when the correct CSS loads.

 

Cache plugin is off.

Share this post


Link to post
Share on other sites
Simon

Its showing some kind of mutex lock error now.

 

When you click save in the pagelines options it should create a new css file.

Share this post


Link to post
Share on other sites
revoltoid

Is 'mutex lock error' something that indicates what the problem is and how to solve it? :)

Share this post


Link to post
Share on other sites
Simon

Is 'mutex lock error' something that indicates what the problem is and how to solve it? :)

No its an error produced from your cache plugin.

 

<!-- Quick Cache: failed to write cache, unable to obtain a mutex lock at the moment. Quick Cache will try again later. -->

Share this post


Link to post
Share on other sites
revoltoid

The plugin is inactive.

Is that line somewhere in the source that I can see in Firebug?

Have just checked it and there is no mention of 'cache', or 'quick cache'.

 

And by the way Simon, it doesn't save (or doesn't apply saved) settings, for example, I want the arrows on the dropdown menu to go, but regardless to the box ticked or not, the arrows are there. (global settings/header and footer/enable arrows)

Share this post


Link to post
Share on other sites
Simon

The line was in the page source. Its gone now anyway. I just refreshed the page 15 times and saw no errors.

Share this post


Link to post
Share on other sites
revoltoid

I changed and saved settings just now, can you please check again? There are only 7 pages on the site, can you please check them all, thank you. (I mean except the blog posts, no need to check those, just the main ones in the menu)

Share this post


Link to post
Share on other sites
Simon

Got this sussed, your server is sending a cache control header, so the browser always tries to cache the html, so you click save and the css url changes slightly but to the end the keep looking at the cached browser version.

 

http://screencast.com/t/N0WR5z2oKx

Your page, notice the cache length

 

This forum

http://screencast.com/t/hjFCNSa4E

 

Notice no cache, its already expired, that tells the browser do not ever cache the page. 

  • Like 1

Share this post


Link to post
Share on other sites
revoltoid

Oh. Hmm, I see.

Based on this I checked my .htaccess file and saw these lines:

 

 

ExpiresActive On
ExpiresDefault "access plus 10 days"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 1 year"
 
I guess this is the reason? (because the cache plugin is inactive, so these lines are all that can control caching, right?
 
So options and questions;
 
 
1. If I activate the cache plugin and set browser-side cache off, should it work?
2. Does 'access plus one week' for css files mean that ANYONE who visits the page within a shorter period then one week and I HAVE made changes in this period, they will see the no CSS phenomenon?
3. I am not sure that my cache plugin has written these lines into my .htaccess file, as in that case the lines would have disappeared when I deactivated it wouldn't they? So can I just delete these lines and rely on whatever the cache plugin writes into the .htaccess file?

Share this post


Link to post
Share on other sites
Simon

OK those lines tell the user browser how long to cache files, images, icons whatever.. So your html page is cached for 10 days.

 

The cache plugin stores a cached version on the server. Two completely different things.

 

Remove this line ExpiresDefault "access plus 10 days"

Share this post


Link to post
Share on other sites
revoltoid

Excellent,

Thank you very much Simon,

I have deleted the line and now it works with and without the cache plugin. Great!

 

Now, if you don't mind, can you please advise me on the other thing I mentioned; the dropdown arrows don't disappear if I set them off in the global settings/header and footer/enable arrows option. What can be the reason? I have checked/unchecked that option many times with or without the cache plugin.

Share this post


Link to post
Share on other sites
Simon

That setting is for the 'Nav Classic & BrandNav Section - Drop Down Handling'

Share this post


Link to post
Share on other sites
revoltoid

Oops I missed that detail.

Does that mean that no option exist for the arrows for the fixed navbar?

Share this post


Link to post
Share on other sites
Simon

Yes there is no option, you'd have to use a bit of css.

Share this post


Link to post
Share on other sites
revoltoid

That is fine, thank you.

 

And thank you for your quick help in the caching issue, it seems to be working nice and steady now.

 

Thanks again,

 

Istvan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • glyph.marketing
      By glyph.marketing+
      Hello, I am having a problem similar to that experienced by Michael Kummer here. We have pages that show this automatic scrolling issue (examples here and here) and it is sufficiently annoying that we have seen customers bounce while trying to convert. Strangely, it only happens at specific resolutions, so it can be difficult to reproduce. In general we can only consistently reproduce it on a 4k resolution with a browser width between 1517 and 1536px. 
      Thanks to Michael Kummer's help we were able to set the overflow-anchor property to none in the entire body, which fixed the issue as far as we can tell, but also obviously disabled scroll anchoring for the whole site. I tried applying it to the specific element that looked like it was being reloaded, which was the PL Meganav extension, but that was unsuccessful. 
      Can anyone help us figure out which element or ID we can apply this property to, so that we can fix the scrolling issue but not disable scroll anchoring for the entire site?
      Thank you - 
      Glyph Language Services
    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • Dan Haddock
      By Dan Haddock
      Plugins Active and installed: 
      Akismet Anti-Spam
      Coming Soon Page & Maintenance Mode by SeedProd
      Contact Form 7
      Cookie Law Info
      DMS Professional Tools  
      Enhanced Media Library  
      Flamingo
      Google Analytics for WordPress by MonsterInsights
      Google XML Sitemap
      Jetpack by WordPress.com
      Legull 
      Loginizer   
      MailChimp for WordPress
      PageLines Updater    
      Schema App Structured Data 
      Sucuri Security - Auditing, Malware Scanner and Hardening
      Uber reCaptcha    
      Yoast SEO
      Wordpress Version: 4.8.1
      Pagelines Version: 2.2.4
       
      Good Evening/Afternoon or Morning, 
      I am running into a problem with CSS styling not applying inside of most browsers (Safari, Firefox) when I am logged in to wordpress, and all browsers that I have tested when I am logged off and the site has been made public (Chrome, Firefox and Safari).
      As a result, I have managed to identify the probable cause. It looks as though these browsers are refusing to render my sites compiled CSS file due to it being a HTTP URL rather than HTTPS.
      I have attempted to change this URL to HTTPS in my browser, however it brings back an ERROR: File not found page - https://www.shortfilmblog.com/wp-content/uploads/pagelines/compiled-css-core-1505847507.css
      What would you suggest in this regard? Would this be resolvable from your end?
      Happy to provide any further details required.
    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • jagipson
      By jagipson+
      404 When trying to connect site to PL

×