-3

Out of the blue today, I noticed that the css for my footer had changed. When I used the inspector, I saw that an older version of style.css had been loaded (for the footer only). The latest version of my style.css was right below it, with the all the properties crossed out.

I tried clearing the cache (Ctrl-Shift-R) and nothing happened. I was using Chrome, so I tried LibreWolf - no dice. I even tried a different computer, with no luck.

I ran my css through a validator, and no notable errors came up.

I'd like to fix this and, if possible, prevent it from happening again.

(I'm using wordpress, with 90% custom HTML, using my child theme based off the Astra theme.)

inspector image of css

Improve this question
2
  • 4
    What about the steps to reproduce? Where is your code comes from? You don't control your code or is it the cache issue? Please don't post textual information in the form of pictures. Please see: Why should I not upload images of code/data/errors? If you still need an image, it can complement the textual information. Commented 21 hours ago
  • Have you used your browser's devtools inspect facility to see exactly what CSS is being loaded and where it is coming from. If you see your new CSS being crossed out, then what file is it telling you that is loaded from, and what file is it telling you the old css is being loaded from? It sounds as though both are being loaded so inspect your sources to find out which one(s) is/are doing that. Also what does logging in as WP administrator and using the custom edit system show you as the list of .css files in use? Commented 10 hours ago
Related questions
1688
How can I vertically center a div element for all browsers using CSS?
0
Child Theme not overriding Parent CSS
2
Wordpress Child Theme CSS not updating
Load 6 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.