I have a problem that has been plaguing my project from the beginning. It seems that old versions of style.css in my child theme are conflicting with the active version.

For example, in previous iterations, i had a class ".facet-sort" with a max-width of 150 px. When I delete the max-width rule but the page styling doesn't change. When I inspect the source code, I can still see that rule. Yet when I check the style.css page in my child theme folder, I can confirm that that rule has indeed been deleted.

Upon further inspection with the Firefox page inspector I found older versions of the stylesheet that are still active and being applied to the page (see images below).

It is not the result of a conflict with style.css in the parent theme since I can see that these are old classes from an earlier version of the stylesheet uploaded to my child theme.

I guess it must be the result of caching. Ive tried clearing all of the caches on the site. Ive also contacted the technical service of my hosting provider and confirmed with them that all caches have been flushed. But to no avail.

I would appreciate any advice you can offer.

Image from Firefox Page Inspector

Image from Firefox Inspector Stylesheets