Add custom background color sides Modern Portfolio Pro

[evert]

Hi everyone,

I'm working on this site http://youngexperts.nl/ and I want to add 'custom background color sides' in the Modern Portfolio Pro theme. For any visual on how I'd like to have it, visit this page http://anker-kompas.nl/. I'd like to add the colored sides on the outer side of the page, next to the white color (body color).

I know it has something to do with this snippet of code:

body.custom-background {
background-color: #e0dcd7;
}

But when I change the body color in mij style.css file the whole page is turned over in that color, I want just the sides colored.

Cheers!

http://youngexperts.nl/

[Tom]

At line 165 in your stylesheet you would change this to specify your color:

body {
background-color: #e0dcd7;
}

Unfortunately, your theme is not designed to support a custom or color background. This is why the entire page assumes the color specified. To make the background of the other body and widget areas not show this color you would start by targeting each area separately such as:

.site-inner {
background-color: #fff;
}

Then you will find that many elements will require adjustments to padding and/or margins. Some areas will require more changes. You would have to measure the effort against potentially picking up a different theme that is prepped for a custom background that suits.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[evert]

Thanks Tom, it worked! Great tip!

Cheers!

[Tom]

Super! Can you please mark this thread resolved?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[evert]

This reply has been marked as private.

[Author]

Posts