WordPress.org

Forums

[resolved] WP pulling latest version of CSS and not the one I modified (5 posts)

  1. mobilejo
    Member
    Posted 2 years ago #

    I edited the CSS in my theme folder, but the changes don't show on my site.

    When I view the source code for any page on my site, I can see that its pulling this CSS

    <link rel='stylesheet' id='coloroptions-css' href='http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/color/blue.css?ver=3.4.2 type='text/css' media='all' />

    That '?ver=3.4.2' is my problem, because when I go to that address in my browser, I see the unmodified CSS. Where does this unmodified CSS sheet live on my domain - I can't find it?

    When I follow the link to

    <link rel='stylesheet' id='coloroptions-css' href='http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/color/blue.css type='text/css' media='all' />

    I see the modified CSS that I want.

    I cannot see any CSS on my domain called 'blue.css?ver=3.4.2'

    How is it best to resolve this?

    Thank you

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    There is some CSS being pulled from blue.css?ver3.4.2 on your site. Try using Firebug to look at the CSS on a live page -- it shows which stylesheet each section of CSS code is coming from.

    If something from that stylesheet is NOT being pulled in, it's because another CSS style is taking precedence due to specificity of the CSS selector and/or the location of the CSS (the "cascade" -- i.e. inline over internal over external stylesheet).

    If your modifications are not working, you may need to change the selector you are using.

  3. mobilejo
    Member
    Posted 2 years ago #

    Thanks for the tip on firebug. I looked at my site using firebug, and found the header:

    <head>
    <meta charset="UTF-8">
    <title> Power Line Compensation | Pylon Compensation </title>
    <link href="http://gmpg.org/xfn/11" rel="profile">
    <link href="http://www.thepowerlinegroup.co.uk/xmlrpc.php" rel="pingback">
    <link href="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/style.css" media="all" type="text/css" rel="stylesheet">
    <link id="coloroptions-css" media="all" type="text/css" href="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/color/blue.css" rel="stylesheet">
    <meta content="Power Line Compensation & Pylon Compensation Claims No Win No Fee Lowest Commission" name="description">
    <link href="http://www.thepowerlinegroup.co.uk/" rel="canonical">
    <meta content="en_us" property="og:locale">
    <meta content="Power Line Compensation | Pylon Compensation" property="og:title">
    <meta content="Power Line Compensation & Pylon Compensation Claims No Win No Fee Lowest Commission" property="og:description">
    <meta content="http://www.thepowerlinegroup.co.uk/" property="og:url">
    <meta content="" property="og:site_name">
    <meta content="website" property="og:type">
    <link href="http://www.thepowerlinegroup.co.uk/feed/" title=" » Feed" type="application/rss+xml" rel="alternate">
    <link href="http://www.thepowerlinegroup.co.uk/comments/feed/" title=" » Comments Feed" type="application/rss+xml" rel="alternate">
    <link id="coloroptions-css" media="all" type="text/css" href="http://www.thepowerlinegroup.co.uk/wp-<strong>content/themes/squirrel/color/blue.css?ver=3.4.2</strong>" rel="stylesheet">
    <link id="tipsy-social-icons-css" media="all" type="text/css" href="http://www.thepowerlinegroup.co.uk/wp-content/plugins/tipsy-social-icons/css/widget.css?ver=3.4.2" rel="stylesheet">
    <link id="ccf-jquery-ui-css" media="all" type="text/css" href="http://www.thepowerlinegroup.co.uk/wp-content/plugins/custom-contact-forms/css/jquery-ui.css?ver=3.4.2" rel="stylesheet">
    <link id="CCFStandardsCSS-css" media="all" type="text/css" href="http://www.thepowerlinegroup.co.uk/wp-content/plugins/custom-contact-forms/css/custom-contact-forms-standards.css?ver=3.4.2" rel="stylesheet">
    <link id="CCFFormsCSS-css" media="all" type="text/css" href="http://www.thepowerlinegroup.co.uk/wp-content/plugins/custom-contact-forms/css/custom-contact-forms.css?ver=3.4.2" rel="stylesheet">
    <script src="https://apis.google.com/_/apps-static/_/js/gapi/plusone/rt=j/ver=jmGebzOE3Rg.en_GB./sv=1/am=!CVDWKorrwvOYBs7wcQ/d=1/rs=AItRSTNS2d2UFqqYKS9now9NCvzlmDFZ2g/cb=gapi.loaded_0" async="">
    <script type="text/javascript" async="" src="https://apis.google.com/js/plusone.js" gapi_processed="true">
    <script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js">
    <script src="http://www.thepowerlinegroup.co.uk/wp-includes/js/jquery/jquery.js?ver=1.7.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/plugins/simple-google-analytics/js/sga.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/plugins/custom-contact-forms/js/custom-contact-forms-datepicker.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/plugins/custom-contact-forms/js/jquery.tools.min.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/plugins/custom-contact-forms/js/custom-contact-forms.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/js/ddsmoothmenu.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/js/slides.min.jquery.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/js/cufon-yui.js?ver=3.4.2" type="text/javascript">
    <style type="text/css">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/js/Museo_500_400.font.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/js/custom.js?ver=3.4.2" type="text/javascript">
    <script src="http://www.thepowerlinegroup.co.uk/wp-content/plugins/tipsy-social-icons/js/widget.min.js?ver=3.4.2" type="text/javascript">
    <link href="http://www.thepowerlinegroup.co.uk/xmlrpc.php?rsd" title="RSD" type="application/rsd+xml" rel="EditURI">
    <link href="http://www.thepowerlinegroup.co.uk/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml" rel="wlwmanifest">
    <meta content="WordPress 3.4.2" name="generator">
    <script type="text/javascript">
    <link href="http://www.thepowerlinegroup.co.uk/wp-content/plugins/social-widget/style.css" rel="stylesheet" type="text/css">
    <link href="http://www.thepowerlinegroup.co.uk/wp-content/themes/squirrel/images/favicon.ico" rel="shortcut icon">
    <style media="screen" type="text/css">
    <style type="text/css">
    </head>

    [please use the code button to mark any posted code - http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

    I made it bold, so you can see where the ?ver=3.4.2 has been introduced. Deleting the ?ver=3.4.2 on firebug, I see the changes I want made on the site. So the real question is how do I permanently edit that section of my head code to remove the ?ver=3.4.2 so that it just calls up blue.css and not blue.css?ver=3.4.2?

    And why can I not see blue.css?ver=3.4.2? in the folder on my domain that it purports to be in? The only css in there is blue.css.

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    I really don't know the answer to that -- and since you are using a commercial theme, you need to contact the theme developers for help. It's not really possible for commercial themes to be supported here -- partly because they are not freely available for testing and because support is part of what you paid for with the theme.

    http://www.inkthemes.com/wp-themes/squirrel-wordpress-theme/

  5. mobilejo
    Member
    Posted 2 years ago #

    I went to bed last night, determined to tackle this today, and when I checked the site, the new CSS was on display.

    It turns out that CSS changes don't go live immediately. SOmething to with the cache - I don't understand it but its what happened here. I found this which explains it better than I can:

    http://markjaquith.wordpress.com/2009/05/04/force-css-changes-to-go-live-immediately/

    Thanks for you help anyway

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags