CSS changes not updating

  • Resolved unveiled14

    (@unveiled14)


    13 years, 1 month ago

    I created a child theme based on twenty-ten. Right now it has a blank functions.php and a style.css with only the following content (in addition to the default things necessary for a child theme):

    #branding {
	position:absolute;
	left:-9997px;
}

.home .sticky {
	background-color: #DDDDDD;
}

    I’m using the latest version of chrome-beta to view it. The child theme is enabled. No caching plugin is enabled. But when I change the css (for example, if I change the left:-9997px; to left:-9999px;), hit the update button and then view my site, the css isn’t updated. Hitting ctrl-F5 to flush the browser’s cache and refresh doesn’t update the css. The browser still shows -9997. If I wait 5 or 10 minutes and then hit ctrl-F5, the css will have updated.

    5 or 10 minutes isn’t a big deal once the editing is done, but it makes it impossible to see if the changes I’m making are having any affect. Is there something else I need to do to get the new css rules to pass through to the browser?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Alwyn Botha

    (@123milliseconds)

    13 years, 1 month ago

    If you install Firefox Firebug then when you visit your website you can immediately see the css styling plus line numbers for that

    Then you can see if you have the new css or are still using the old one

    Thread Starter unveiled14

    (@unveiled14)

    13 years, 1 month ago

    That’s what I’ve been using. When I make the change in style.css, hit update and then flush the browser cache and refresh the blog page, the css doesn’t reflect my new changes. It takes several minutes before a refresh finally shows that the changes have been made. Any ideas what could be causing this?

    Chip Bennett

    (@chipbennett)

    13 years, 1 month ago

    Are you using a caching Plugin on your site?
    Are you using a CDN or other third-party caching solution?
    Has your host implemented any caching?

    Thread Starter unveiled14

    (@unveiled14)

    13 years, 1 month ago

    Thanks much for you help.

    I am not using any caching plugin on my site, nor any third party caching plugin.

    But your question about my host having caching made me double check it. I use dreamhost and they recently made a “Page Speed Optimization” option available. I think it uses the optimization plugin to Apache developed by Google. I disabled that and now the css updates instantly.

    I’m marking this question as resolved and updating the tags.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS changes not updating’ is closed to new replies.