I needed to change the position of an element on my site page CSS.
The folder that contains the CSS is located in the Site Assets. I changed it and reuploaded it to the Site Assets, and when I open the file to check it it shows that I have changed it.
Now, when I load the page(s) where the issue needed to be fixed, it is still showing position: absolute; instead of position: relative;.
Any idea why my changes aren't updating on the actual page?
Make sure that when you uploaded it, it retained the same name. Also ensure the file you edited was from the correct site collection. And finally do as Litt Spector suggested and either hard refresh or clear the browser cache completely. Alternatively try it in a Private Browsing/Incognito window or use a different browser altogether just to see if browser caching is the issue, it often is.
There are multiple techniques to deal with CSS updates. The easiest option is to append a suffix to the end of the URL. For example:
Instead of
https://contoso.com/assets/global.css
Use this URL
https://contoso.com/assets/global.css**?v=1**
Every time you update your CSS, increase the number:
https://contoso.com/assets/global.css**?v=2**
Then
https://contoso.com/assets/global.css**?v=3**
And so on.
This way you don't have to force users to clear the browser cache or use Incognito mode or similar nonsense techniques.
