Hello,
The best way to do this would be to create the background with an image file that’s a 50% 50% split between the colors you want. You’ll want it to be probably around 2000px wide.
Then, add the image as your Main Content background in Theme Options> Advanced Styling.
Once the background is setup for your other pages, then you can set the background of your home page using this CSS:
.home .wrap.contentclass {
background: #212e4f;
}
Paste the CSS in Theme Options> Advanced Styling.
Let me know if this is helpful!
-Kevin
Thank you for your answer. I did as suggested, but the background on the pages is literally half blue and half white, not white in the middle with blue on either side. How can I fix that?
You just need to set the image alignment and center it where you uploaded it.
Then you’ll be set.
-Kevin
Okay, I did that, and the results are still the same.
I’m not seeing the image on your site anymore. I did however test the image on my site and it showed centered when I set the y and x positions to center.
Be sure both vertical and horizontal are set to center, and if you have a cache on your site, be sure to clear it after making the change.
-Kevin
Sorry, I removed it ’cause I was working on something else on the site and didn’t want the half-and-half background remaining there for the time being while waiting for an answer. But since you answered immediately I just put it back on my website. And I cleared my cache, and it still remains half-and-half, as you can see now.
Sorry, I’m not really understanding what you’re after.
Do you want a boxed layout like in this demo:
http://themes.kadencethemes.com/virtue2/
-Kevin
Yes, I think that’s it. Just without the photo in the background, but instead a solid color.
For the boxed layout, go to Theme Options> Main Settings, and select the second option for “Site Layout Style.”
Then, the margin color will be set with Theme Options> Advanced Styling, Body Background.
The color for the main content will be set where you added the image, Theme Options> Advanced Styling, Main Content Background.
Let me know if you need any CSS changes to your home page after setting the background colors there.
-Kevin
Thank you very much! That worked out exactly with what I was looking for. I just changed the color code in the CSS. Now for just playing around with what works best.
Again, thank you for your help!
