1

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 Feb 9 '15 at 1:13
  • Yes i have flushed both magento and browser cache – james Feb 9 '15 at 2:13
  • color: #FFC374 !important; – seanbreeden Feb 9 '15 at 3:42
  • if you are using css merge functionality. just try to rebuild css after modify your custom one. – liyakat Feb 9 '15 at 4:34
  • Can you tell in the backend where these CSS values are being specified? – benmarks Mar 27 '15 at 21:35
0

To remind, the CSS cache is refreshed by
the most LEFT-BOTTOM button Flush JavaScipt/CSS cache ~ then it should work.

Flash CSS cache

0

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)

0

If you want override inline style, you could use !important declaration:

.regular-price .price {
    color: e72526 !important;
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.