Background color not applying correctly (stays green although set to white)

Support
#1

chrome_24ifgAlXl0
chrome_24ifgAlXl01288×911 115 KB
chrome_LNIHkVRGLJ
chrome_LNIHkVRGLJ1920×911 219 KB
Hi everyone,

I’m experiencing a confusing behavior with the background color settings of a section/column and would like to understand whether this is intended behavior or a bug.

Context

  • Theme: Cornerstone
  • Component: Section → 1 Column
  • Setting changed: Background Color
  • Environment: WordPress backend editor + frontend preview

Issue
When I set the background color of the section to white (either via palette or manual hex, e.g. #ffffff), the background remains green on the frontend.

What’s strange:

  • The color picker clearly shows white as selected
  • Switching to other colors (e.g. blue) works as expected
  • White specifically does not visually apply
  • In DevTools, I can see the element, but the computed background color does not reflect the selected value

What I already checked

  • No custom CSS overrides
  • No global background styles intentionally set
  • Happens even when selecting different whites (#fff, #ffffff, palette “Color 7”)
  • Other sections behave differently, so it seems component-specific

Question
Is there:

  • a predefined theme variable,
  • a section preset,
  • or a higher-priority style (e.g. overlay, theme background, accessibility mode, dark mode, etc.)

that overrides white backgrounds for this component?

If this is expected behavior, could someone point me to the exact setting or documentation that explains it?
If not, I’m happy to provide a minimal reproduction.

Thanks in advance for any clarification :pray:

#2

Hi Peter,

Thanks for reaching out.
I’ve checked your website, but unfortunately, I’m unable to identify the issue you’re experiencing. Could you please share the URL of a page where the problem occurs? Can you please share one of the page URLs where you are facing this problem? We also need to investigate the setting through the Cornerstone. Please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password
– Section where you are facing the problem.

To create a secure note, click the key icon underneath any of your posts.

secure-note
secure-note1040×250 15.3 KB

Thanks

#3

I added it

#4

Hi Peter,

I’ve created a new test page and verified that the background color is working as expected there. Could you please let us know the specific page or section where you’re experiencing the issue?

Alternatively, you may share a screenshot or a screen recording that shows the problem, which will help us replicate and investigate it more accurately.

Thanks

#5

Here is an example page

#6

Hi Peter,

I have followed the points you explained in your first comment and changed the background color temporarily of a component, and it worked correctly. Can you please share any video that helps us to replicate it and provide further assistance.

Thanks

#7

Sure, as I said, in the backend the background is grey and not as on the frontend white:

https://youtu.be/zkIXCX1W2l4

#8

Hi Peter,

After watching your video, I have tried to change the background color of the specific component, and it worked correctly for me. For example, I kept the background color changed this time. The only point I found is that it takes a few moments to show the updated color in the Cornerstone.
If that is what you are experiencing, that might be due to the components having some base color set.

Thanks

#9

But why cant I change it to white, also its only in the backend, not front?

#10

Hi Peter,

With the help of @Christian I found that the Background Layers is set to Background Image in the component. I set it to None and now any color can be set. I tested with white and it worked.

image
image405×662 14 KB

Thanks