• phdfinancial

    (@phdfinancial)


    phdfinancialllc.com

    I tried installing a jquery accordion widget the hard way (now I realize there is a plugin for this already) and in the process installed the required js and css files from the jquery website onto my server.

    I had some immediate compatibility issues and removed the files, but still sometimes when I load a page it seems to refer to an incorrect css file at first, and then corrects itself. What I mean to say is, for a split second the format of the page is completely wrong, and then it quickly looks right. When I “viewed source” in Chrome I noticed a jquery css file in my header that I don’t believe I need or want, and I would wager it is the cause of this issue.

    Strangely, when I look in my header.php file, that css link is not there. If this is the cause of my issues, how do I delete it (ergo, where do I find it in my source files?)

    This is the code: <link rel='stylesheet' id='ccf-jquery-ui-css' href='//ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css?ver=4.2.2' type='text/css' media='all' />

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Radices

    (@radices)

    Sounds like a cache issue. Try clearing the cache on the browser.

    Thread Starter phdfinancial

    (@phdfinancial)

    No, this has happened on multiple computers in multiple browsers immediately after the cache has been cleared. It’s much more obvious if the internet speed is very slow, because the above css file is much higher on my header than the correct css file, and as such loads first (if in fact this is even the cause of the issue I’m experiencing, and it might not be…). I would consider my internet speed at least average, and I am able to notice what appears to be a “css switch”, so those with weaker speeds than myself may be staring at a horribly formatted site for as long as it takes for the full page to load… very unprofessional.

    Thread Starter phdfinancial

    (@phdfinancial)

    No, clearing the cache does not fix it, and I have experienced this issue on multiple computers and in multiple browsers.

    I don’t think that jquery file is the source of your problems. When I inspect your site using Chrome DevTools, I see the following errors in the console window:

    1. <link rel='stylesheet' id='googlefonts-css'  href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:400' type='text/css' media='all' />

      Apparently there is no 400 weight font for Open Sans Condensed in Google Fonts. If you go to Google Fonts and search for Open Sans Condense, it only comes in 300, 700, and 300 italic.

    2. These three images are missing:
      http://phdfinancialllc.com/wp-content/themes/basics/images/bg_tabs.gif
      http://phdfinancialllc.com/wp-content/themes/basics/images/tabs_1.gif
      http://phdfinancialllc.com/wp-content/themes/basics/images/tabs_2.gif
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Header CSS in view source but not in header.php’ is closed to new replies.