Can’t change background color of post page

Hello @irenamery,

Thank you for reaching out to us,

I fully examined the issue you have raised on this topic and could not see it on my end.

However, it seems it’s a cache issue, if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, in Elementor, please don’t forget to click on the regenerate all assets file and data in Elementor > Tools; and finally use hard-refreshing keys and recheck the issue. To refresh the page, please follow the steps explained in this link:
https://www.documate.org/automation/what-is-a-hard-refresh-how-to-do-a-hard-refresh-in-any-browser/
https://www.usmobile.com/blog/how-to-do-a-hard-refresh-on-your-browser/
To clear cookies, use this icon: https://postimg.cc/0rtp7SS9.

Summary:
Win: Ctrl+Shift+R
Mac: Shift+Command+R

I hope it helps.
Best Regards

Hello, thank you for your help. However this it did not help.

I have an instance where this is working properly and one instance where it is not working properly. I checked both instances with code inspector and found the following :

1. On the working instance:

When I selected the body element (1) then looked at the applied styles it can be seen that the style takes the setting from the page style

body, .has-parallax-footer: not(.separate-layout) #main { background-color: [correct color] }

see working-instance

2. On the not working instance:

When I selected the body element (1) then looked at the applied styles it can be seen that the style takes the setting first from the style.min.css

.separate-layout {background-color: #f1f1f1; } that is the wrong color that cannot be changed

and then tries to apply style setting from the page but is is striked-out i.e. style is not applied

body, .has-parallax-footer: not(.separate-layout) #main { background-color: [correct color] }

see not-working-instance

On the working instance there is also a file style.min.css the background setting is not applied from this css on the working instance.

Thank you

Hello @irenamery,

Thank you for reaching out,

Kindly share a live URL from the issue.
Also, please tell us how we can replicate your steps to arrive at the issue on a fresh WordPress installation.

If you’ve set the background color for the whole site, you must disable it to use the separate layout. To unset the main body styling from the general styling, go to https://postimg.cc/m1T7R9wJ.
And set it as a transparent color: https://postimg.cc/YvvYpM6r.
Then, set the styling in General Settings: https://postimg.cc/4HKsYLB9.
______

We need to know where did you add that styling.
It seems the priority of the CSS you desired is before the main styling.

Remember, if you wrote custom CSS, please put it in the CSS in Customizer > Custom Code > Custom CSS: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Please recheck your issue and keep us posted.

I hope it helps.
Best Regards