Enqueued stylesheet showing in Dev Tools but not reflecting styles

  • Resolved linzgroves

    (@linzgroves)


    8 years, 10 months ago

    We’ve been updating our 404 page template with a new design and it’s own JS and CSS files. On several of our sites, the JS and CSS files have been enqueued and the new 404 page displays correctly. However, on one particular site the 404 page reflects the JS file correctly but doesn’t display any of the CSS styles. The odd thing about this is that it does show the stylesheet as being linked…but just doesn’t pull in any of the styles. We’ve checked error logs and tried removing the CSS file, putting the styles in the main stylesheet, clearing the cache (both site and browser) but to no avail.

    Here’s how the stylesheet appears (with no styles) in Chrome Developer Tools:

    https://cl.ly/1U3q14342f0g

    But when you click on Sources, you can see that the styles are showing up for that file:

    https://cl.ly/2w0N2H010y0d

    Any thoughts on why the stylesheet could be showing up but not reflecting the styles within it?

Viewing 1 replies (of 1 total)
  • Thread Starter linzgroves

    (@linzgroves)

    Thanks to /r/Wordpress, I was pointed to validating the CSS. I tried validating the css that wasn’t working and there were a million parse errors from the styles being copied and pasted, which added extra characters that I couldn’t see. I was able to paste in the styles from the working file and it validated and shows up now (after clearing cache)!

Viewing 1 replies (of 1 total)
  • The topic ‘Enqueued stylesheet showing in Dev Tools but not reflecting styles’ is closed to new replies.