Archived topic
Changing color background of the container
9 replies · Started by Lyes on April 7, 2020
Hello,
I want to change the background color of the container via the Customizer > Colors > Content, but when i try, i can't change the #f8f8f8 color by default.
Thanks a lot.
Lyes.
Hi there,
So are you actually unable to change the value in the Background Color field ?
I can change the color in the container here : colors>body>background color but
when i try to edit with #ffffff i always have #f8f8f8.

Maybe its this CSS in Customizer > Additional CSS:
.inside-article, .sidebar .widget, .comments-area {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
transition: box-shadow 500ms ease;
border-radius: 3px;
}
.inside-article:hover, .sidebar .widget:hover, .comments-area:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
It adds a box shadow to the containers which makes the background look a different color....
Thanks, i try but it doesn't work :(
Go into Customizer > Additional CSS and delete this CSS:
.inside-article, .sidebar .widget, .comments-area {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
transition: box-shadow 500ms ease;
border-radius: 3px;
}
.inside-article:hover, .sidebar .widget:hover, .comments-area:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
I try it but it doesn't change anything.
Hi there,
The content container is already set to #ffffff:
https://www.screencast.com/t/1nOIrAaCbh
Currently it looks like a bit different color from the body background as David mentioned.
If you remove the shadow then it should be exactly the same as body background.
Thanks Leo it works :)
No problem :)