[Resolved] Changing color background of the container

[Lyes]

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.

[David]

Hi there,

So are you actually unable to change the value in the Background Color field ?

[Lyes]

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.

[David]

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….

[Lyes]

Thanks, i try but it doesn’t work 🙁

[David]

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);
}

[Lyes]

I try it but it doesn’t change anything.

[Leo]

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.

[Lyes]

Thanks Leo it works 🙂

[Leo]

No problem 🙂

[Author]

Posts