XF 2.2 change background

[Dixie McCall]

Hello
How do I change the background of entire site? Not the page background but the light gray stock xf background.

Thank you

Finn

 

[Ozzy47]

Appearance - Styles - YOURSTYLE - Style properties - Basic colors - change the style property Page background color

 

[Dixie McCall]

Yes that is the page background. I want to change the outer background.

 

[Ozzy47]

Screenshot of the area you’re referring to.

 

[Dixie McCall]

Sorry forgot to attach screenshot.

 

[Paul B]

That is the page background as ozzy mentioned.

If it's not working on your site then it's due to a third party style or some other customisation.

 

[Dixie McCall]

Hey Guys
I'm very sorry but I forgot to mention that I'm using a page wrapper. This style prop doesn't work so likely need css?

My code for wrapper is this.

.p-pageWrapper {
max-width: 1300px;
margin: 0 auto;
padding: 10px;

 

[l3ta]

What do you want to change?

 

[Dixie McCall]

The gray outside of the page wrapper

 

[l3ta]

Try this:
.p-pageWrapper {background: red!important;}

 

[Dixie McCall]

Thank you I3 but that changes in inside page color. I want to change was is marked with a blue check. Thank you so much for helping

See attached.

 

[l3ta]

Try this:

html{background: red;}

 

[Dixie McCall]

yeah that finally worked! Thank you so much. I've been search for a flippen way to get this done! I very much appreciate it!

 

[mrdoitnyce]

yeah that finally worked! Thank you so much. I've been search for a flippen way to get this done! I very much appreciate it!

where did you enter

html{background: red;}

?

in extra.less outside the previous code? or within the pagewrapper code parameters?



edit: nvm, figured it out.