Change Background Color

Hi!

To change the gray background, use:

.main { background-color: #fff !important; }

To change the secondary sidebar, you need to edit the sidebar image backgrounds in /img/sidebar/ folder of the theme. Or you can do:

.s2 { background: red; }

And it will fill up the sidebar with that color but not stretch all the way down, if there is no content in the sidebar.

thanks! will try to tweak it

I’m lost haha, I’m trying to locate this

.main { background-color: #fff !important; }

but I can’t find it, which folder is this one in?

Hm, those are in no folders. That is custom CSS: Try to add it in:

Customize > Additional CSS > Add the code here.

So for example, lets say you want the content background to be red, then you would add:

.main { background-color: red!important; }

And to make the sidebar green, try adding:

.s2 { background: green; }

Or toghether in the additional css field:

.main { background-color: red!important; }
.s2 { background: green; }

(Just ugly color examples where you can use hex colors instead)

Oh I got it! thanks!

To change colors such as accent color of the theme go to:

Customize > Theme Options > Styling. There you can pick font as well etc.