Changing background color on pages

I would like to change the background color on my full-width pages. Possible?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-main.fullwidth {
background-color: yellow;
}

Inplace of yellow you can put your required color.

 

Thanks Piyush. That changes the color for the text area, but what about the background color outside of the text area? Right now the text area background is white, and the background outside of that is whitesmoke color. I would like it to be white so it all blends. Is that possible?

Also, is there a way to delete the thin border around the text area so the text area and side are all blend together?

 

It is not possible to change the background of outside the text area, in a particular page (i.e. fullwidth page). It will change the background of all the pages partially.
If you still want to change the background than paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

.fullwidth {
background-color: white ! important;
border:none;
}
.content-container {
background-color: white;
}

This will solve your issue.

 

I tried to use the above code to remove the border of the content container, but nothing changed. Is there something I'm missing?

 

Hello,

Can you please explain your problem with the help of screenshot, where you want to change the color and also share the link of your website, so that we can give you the exact solution.

 

Apologies. The above code didn't work for me, but this code did:

.content-main {
background-color: white; border none;
}

.content-info {
border: none;
}

So I should be all set. Thanks.