CSS oddities and ver cache?

  • I have been given a site to do some fixes, I did not create the site and have ran into some confusing and odd issue with css.

    firstly I could not change the font sizes in the global.css from the wordpress protal, had to get permissions to access through ftp (under the hood), but after changing the global.css nothing happens.

    the browser points to:
    https://www.byersleafguard.com/wp-content/themes/bleaf/assets/css/global.css

    but it is not what is in that location.

    then when I put this:
    https://www.byersleafguard.com/wp-content/themes/bleaf/assets/css/global.css?ver=4.0.1

    it is an entirely different global.css, so there are 3 different global.css files that the browser is accessing, or the site is accessing.
    [note, i found a javascript code to add to the functions.php file to stop the version ?ver=4.0.1 which worked once and viewed a changed copy of global.css, but a new one has been uploaded and it will not read it, even though it is pointing to it]

    I have cleared cache, dumped it all, tried in Safari, explorer, chrome, firefox, and same results for all.

    I have gone through every folder on the server looking for other global.css files that might be used, but the source file of the webpage points to the links above.

    What the heck is going on? never ran into this on other wordpress sites I created or fixed.

    Any help, pointing me in a direction to look, would be greatly appreciated.

    peace
    – gerald

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Gerald,

    I took a look at your site, and I only see 1 global.css file being called into the header:

    <link rel='stylesheet' id='global-css' href='https://www.byersleafguard.com/wp-content/themes/bleaf/assets/css/global.css' type='text/css' media='all' />

    I believe the reason your changes in global.css are not showing up is because of this more specific rule in wp-content/themes/bleaf/style.css:

    .content-matter p {
    font-size: 1.9em;
    line-height: 150%;
}

    That rule is more specific than this rule in global.css

    p {
	font-size:1.9em;
	line-height:1.8em;
	margin-bottom:22px;
}

    The fix would be to add .content-matter to the rule in global.css to give it more specificity:

    .content-matter p {
	font-size:1.9em;
	line-height:1.8em;
	margin-bottom:22px;
}

    I also noticed that the site is very slow to finish loading, there’s some invalid code, and some resources are not loading. The invalid code and missing resources are most likely causing the slowness. To determine this, I used the developer tools in Chrome and viewed the Network tab, to find the following resources giving 404 errors:

    1. https://www.byersleafguard.com/style.css Failed to load resource: the server responded with a status of 404 (Not Found)
    2. https://www.byersleafguard.com/wp-content/themes/bleaf/css/conditionizr/chrome.css Failed to load resource: the server responded with a status of 404 (Not Found)
    3. https://www.byersleafguard.com/wp-content/themes/bleaf/js/conditionizr/chrome.js Failed to load resource: the server responded with a status of 404 (Not Found)
    4. VM63 jquery-1.10.2.min.js:6 GET https://www.byersleafguard.com/wp-content/themes/bleaf/assets/css/images/wait.gif 404 (Not Found)

    To find the instances of invalid code, you can use the W3C validator: https://validator.w3.org/

    Hope this helps!

    Christi

    Thread Starter ariapictures

    (@ariapictures)

    Oh man, sorry for the late view…

    have to check the email that this account sends to more often.

    I have been working on creating my own Theme for the company: stupid idea, and have run into some issues.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS oddities and ver cache?’ is closed to new replies.

Tags