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