Academy Pro Background Color

[Kerissa]

Hi Everyone,

I'm currently setting up a site with Academy Pro and would like to change the light grey panel that is built into the background. I'd like to tweak the color to a faded dark blue.

Can anyone tell me how to do that? I've taken a look through the theme's files but haven't found the settings that dictate the color used.

Thanks!

https://demo.studiopress.com/academy/

[Baz]

Hello Kerissa,

The CSS to change the angled background color is in style.css (from line 815).

.site-inner::before {
	content: "";
	background-color: #f5f5f5;
	height: 50%;
	position: absolute;
	transform: skewY(-5deg);
	top: 120px;
	width: 100%;
	z-index: -1;
}

.site-inner::after {
	bottom: 100px;
	background-color: #f5f5f5;
	content: "";
	height: 50%;
	position: absolute;
	transform: skewY(-5deg);
	width: 100%;
	z-index: -1;
}

Just change 'background-color: ' to your choice of colors.

[Kerissa]

Thank you! I knew it had to be in there somewhere! Have a great day!

[Kerissa]

For anyone who reads this in the future, the instructions from Baz change the background area for the site but not for the homepage.

To change the homepage you will also need to change the color for each of the applicable homepage widget areas in style-front.css

This is what the homepage widget area 1 looks like:

[Author]

Posts