Ask your WordPress questions! Pay money and get answers fast! (more info)

Karma - Color Scheme Change WordPress

Looking to change color scheme of Karma theme to a solid color.

I would like to be able to install a similar color scheme like our cart design (attached)

Thank you,

Tom Elliott
tom@set-rite.com

Answers (2)

2013-01-07

Arnav Joy answers:

which color are you referring in attachment?


how2do comments:

Arnav,

Looking to make the main color yellow and would like to use a secondary color (red) I guess you can only pick one!!

Would you recommend that I use a different theme to accomplish a header like the one in the attachment?

Thank you,

Tom


Arnav Joy comments:

yes you can go for different theme

2013-01-07

Duncan O'Neill answers:

Tom,

you may be able to make the color changes using the same theme, but changing the css. Is there a live or staging site you can show us?


how2do comments:

Duncan,

I am working on this website [[LINK href="http://set-rite.com"]]www.set-rite.com[[/LINK]]

Not so sure I will be able to use this theme with the header image that was attached...

Tom


Duncan O'Neill comments:

The background of the slider container is controlled by this file;

[[LINK href="http://set-rite.com/wp-content/themes/Karma/style.css"]]http://set-rite.com/wp-content/themes/Karma/style.css[[/LINK]]

You'll find on line 798 this code;


.home-banner-wrap {
background: url("images/_global/bg-home-banner.png") no-repeat scroll 0 0 transparent;
height: 419px;
margin: 87px auto 0;
position: relative;
width: 940px;
}

In theory, if you replaced the image above with one of the same dimensions, 940px x 419px, but using the colors of the attachment, this would work.

The existing banner image is here;
[[LINK href="http://set-rite.com/wp-content/themes/Karma/images/_global/bg-home-banner.png"]]http://set-rite.com/wp-content/themes/Karma/images/_global/bg-home-banner.png[[/LINK]]

Hope this helps.


Duncan O'Neill comments:

Additional to my last. The header background image is in this file;

[[LINK href="http://set-rite.com/wp-content/themes/Karma/css/karma-cherry.css"]]http://set-rite.com/wp-content/themes/Karma/css/karma-cherry.css[[/LINK]]

The relevant lines are lines 10 and 11;


.big-banner #header .header-holder {
background: url("../images/karma-cherry/bg-big-header-holder.png") repeat-x scroll 0 0 #670600 !important;
}
#header .header-holder {
background: url("../images/karma-cherry/bg-header-holder.jpg") repeat-x scroll 0 0 #670600 !important;
}

This is controlling the <code><div class="header-holder">


The background image those are pointing to is here;

[[LINK href="http://set-rite.com/wp-content/themes/Karma/images/karma-cherry/bg-big-header-holder.png"]]http://set-rite.com/wp-content/themes/Karma/images/karma-cherry/bg-big-header-holder.png[[/LINK]]

You may want to change this as well, because the cherry-red color this is rendering may not go well with the colors you give in your attachment.

best,


Duncan O'Neill comments:

Testing only.