CODEWITHSUNDEEP
cssprestashop
liudasbarcauskas
liudasbarcauskas

Reputation: 9

Changes to css doesnt appear live

I saw similar theme, but none of the solutions mentioned there worked out. I updated my global.css of prestashop, but changes doesn't go live.. Why ? Though, you can see croosed out changes when inspecting element. (look img) Screenshot What's the problem ?

Upvotes: 0

Views: 126

Answers (3)

Vlad
Vlad

Reputation: 26

in Advanced Preferences > Performance > CCC (COMBINE, COMPRESS AND CACHE), have you tried disabling " Smart Cache for Css"?

From your screenshot I can see that there is a minified CSS file (letter_and_numbers.css). If your code is in global.css when you inspect it, it should be visible the global.css file.

If you already disabled the "smart Cache for CSS" in the advanced parameters and it's still not working maybe you are using a service like Cloudflare or similar?

Cloudflare for example has a built-in option for caching and minifying CSS so even if you turn it off in Prestashop, you will also need to disable it there.

Upvotes: 0

Jack Wire
Jack Wire

Reputation: 721

Michael Arrison is right, you have to merge the rules together. But, if you cannot merge the two properties for #article-heading, you can add the key body before #article-heading. That way the properties of body #article-heading will have the higher precedence.

Upvotes: 0

Michael Arrison
Michael Arrison

Reputation: 1553

Crossed out css rules are the result of the rule being overridden by another rule of higher precedence. In your case, the rules appear to have the same specificity in their selector, therefore we can conclude that the overriding rule must have been redeclared after the rule you wanted.

Look for a place in your code where the css might be included twice.

Upvotes: 3

Related Questions