How to change all the blue color of RWD theme to another color?
Actually this question may be duplicate but please help me none of the methods worked for me in Google or in MSE.

4 Answers 4


To do it properly, you should have compass & sass installed, navigate to the sass folder with your terminal (skin/frontend/rwd/default/scss), run

compass watch . 

and then edit _var.scss and change the value for the $c-blue variable.

Upon save, compass will regenerate the complete css files.


I don't care if this is the worst answer ever written here. It is beyond preposterous that to edit something as simple as a background color, not only do you have to install ruby, and install compass, just to edit one line of a SASS file? I guess editing the precious little .scss file in Textwrangler and replacing it in the proper folder just can't work can it? We have to RECOMPILE?!? Thanks EBAY also, for bringing this on board.


If you don't want to recompile or compromise the css files, you can go to : System > Configuration > General(on the left)> Design, and add your style override in the "Miscellaneous Scripts" textarea :

    /* Your css override */

For that go to style.css. Find all '#3399cc' color code and replace it with your color code. First take backup for further usage. (#3399cc color is default background color for RWD theme.)

  • thankx for your answer but that didn't bite the dust
    – dhoni7
    Nov 18, 2014 at 7:53
  • 2
    @dhoni7 Of course you cleared your browser cache? Did you modify the correct styles.css? Did you try using inspect element in your browser to see what styles are set on the element and what file sets them?
    – user4351
    Nov 18, 2014 at 8:07
  • @Melvyn yeah done all thos but still not getting
    – dhoni7
    Nov 18, 2014 at 8:44
  • 1
    @dhoni7 I don't think you did: magemana.nl/Color-rwd.png - Jack's answer is spot on. Investigate further, for example, are you even on the right server? Is the skin URL pointing somewhere else?
    – user4351
    Nov 18, 2014 at 10:17
  • This approach assumes that styles.css is being edited directly, rather than the source Sass files. I would strongly recommend NOT editing the .css files, but instead setup Sass/Compass compilation, as covered here: magentocommerce.com/knowledge-base/entry/… Nov 18, 2014 at 15:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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