I'm using a Magento based On-line store and it seems many of the CSS changes I make on our test server work correctly however there seem to be many CSS changes I make that don't Work if they are related to the CSS you can modify using the Magento dashboard tools.
For an example, changing the colour of the price displayed on the Website will not work as it seems that in the Magento Backed a colour has been specified for " Link Color " that seems to override the colors I try to change any buttons, price etc too.
Is there a way of getting around this?
Cheers in advance
Here is a screenshot that shows that the line of CSS I modifieda screenshot showing my CSS modification is being overwritten by I can't find the code that's doing it.
-
Have you cleared the cache after the changes?Venelin Vasilev– Venelin Vasilev2015年02月09日 01:13:11 +00:00Commented Feb 9, 2015 at 1:13
-
Yes i have flushed both magento and browser cachejames– james2015年02月09日 02:13:25 +00:00Commented Feb 9, 2015 at 2:13
-
color: #FFC374 !important;seanbreeden– seanbreeden2015年02月09日 03:42:46 +00:00Commented Feb 9, 2015 at 3:42
-
if you are using css merge functionality. just try to rebuild css after modify your custom one.liyakat– liyakat2015年02月09日 04:34:35 +00:00Commented Feb 9, 2015 at 4:34
-
Can you tell in the backend where these CSS values are being specified?benmarks– benmarks2015年03月27日 21:35:33 +00:00Commented Mar 27, 2015 at 21:35
3 Answers 3
To remind, the CSS cache is refreshed by
the most LEFT-BOTTOM button Flush JavaScipt/CSS cache ~ then it should work.
Flash CSS cache
The clean way would look like this: Find the right rule from the CSS in your screenshot on the top, exclude this part for example:
c,
b,
a {
color:red;
}
a has the wrong color so give a an own css:
c,
b {
color:red;
}
a {
color:green;
}
Search the source code to find the preformated css. Maybe its generated in a PHTMl. (head.phtml)
If you want override inline style, you could use !important declaration:
.regular-price .price {
color: e72526 !important;
}