Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

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
[email protected]

Answers (2)


Arnav Joy answers:

which color are you referring in attachment?

how2do comments:


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,


Arnav Joy comments:

yes you can go for different theme


Duncan O'Neill answers:


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:


I am working on this website [[LINK href=""]][[/LINK]]

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


Duncan O'Neill comments:

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

[[LINK href=""]][[/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=""]][[/LINK]]

Hope this helps.

Duncan O'Neill comments:

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

[[LINK href=""]][[/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=""]][[/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.


Duncan O'Neill comments:

Testing only.