Changes to Poole stylesheet not being applied unless I edit the stylesheet in the browser

Help
1

Hello. I have a simple site using the Poole/Lanyon theme. I don’t want the page content to be centered, so I edited the poole.css file from this:

.container {
  max-width: 38rem;
  padding-left:  1rem;
  padding-right: 1rem;
  margin-left:  auto;
  margin-right: auto;
}

to this:

.container {
  max-width: 38rem;
  padding-left:  1rem;
  padding-right: 1rem;
  margin-left:  5%;
  margin-right: 0%;
}

I then pushed the changes to the site. When I visit the site with a web browser, I can see the changes in the stylesheet, but they aren’t applied to the site until I edit the stylesheet using the F12 or inspect element menu. All I have to do is change a comment or something, and the browser seems to reload the stylesheet, realize there are changes (including the margin ones I made above), and apply those, too.

My question is, why aren’t the CSS changes being applied from the very beginning?

Thanks!

2

sounds like a cache issue. If you use a browser you don’t normally use is it correct?

1 Like
3

Yep, you’re right—just tried it with Chrome instead of Firefox and it’s fine. Thanks! :slight_smile:

4

this can be a red flag that you have caching wrong though - you should not be caching the html pages for long, and you should either change the name of the css file every time you edit it or do a url parameter with the timestamp to tell the browser to get the new version.

I recently screwed up and gave all my files a long cach duration. Not good.