[Resolved] grid-container background color

[Jan]

Dear support team,

please advise on how to adjust the background color of the containers left and right from the main content. The current color is set to #F7F7F8 and needs change to #FFF.

We applied the following addition to the Custom CSS with no success:

#page .hfeed.site.grid-container.container.grid-parent {background-color: #fff;
}

Many thanks in advance.

Best regards,
Jan

[Elvin]

Hi there,

That’s something Elementor adds.

Here’s the CSS that adds it in.

body.elementor-page-1284:not(.elementor-motion-effects-element-type-background), body.elementor-page-1284 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #F7F7F8;
}

This is something out of the theme’s control as it’s coming from Elementor. It’s best to ask their support on how to change this. (If I remember it right, it’s within the Page settings > Style > Body Style. But I’m not sure)

[Jan]

Hi Elvin,

you have been spot on with your advice regarding the Elementor Page settings. This worked very well.

We highly appreciate you helping even beyond the scope of the theme, which by the way is exceptionally great.

Best regards,
Jan

[Elvin]

Ah yes even if its out of scope, if it’s fairly fast and easy to fix, we go the extra mile as we genuinely want our users to fix/solve their site. 😀

Glad to be of any help. 🙂

[Jan]

This is great fun working with you guys. Thanks

[Elvin]

No problem. Feel free to open new topics if need further help. 🙂

[Author]

Posts