6

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.

3

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.

| improve this answer | |
1

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.)

| improve this answer | |
  • thankx for your answer but that didn't bite the dust – dhoni7 Nov 18 '14 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? – Melvyn Nov 18 '14 at 8:07
  • @Melvyn yeah done all thos but still not getting – dhoni7 Nov 18 '14 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? – Melvyn Nov 18 '14 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/… – Erik Hansen Nov 18 '14 at 15:48
0

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.

| improve this answer | |
0

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 :

<style>
    /* Your css override */
    .logo{display:none;}
</style>
| improve this answer | |

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.