NO BUG: Background color and text color not showing on front end

[jnk_bricksbuilder]

Browser: Chrome and Edge
OS: Windows 11
URL: https://jamesk213.sg-host.com/
Video: n/a

I have a new site (temp domain on my host), WP 6.7.1, Bricks 1.11.1.1. Zero plugins activated.

• I have a simple page with a Section / Container
• Padding of 2rem applied to the Section and the Container
• Background color applied to the Section and Container to show contrast
• Added a Heading and Text to the Container
• Applied color to the text
• Everything looks fine in the back end and in preview, but on the front end, the background colors and text colors are not coming through (i.e., the background is white; the text is black)

[see screen shots]

Things I have tried:

• Recreated the page
• Deleted the original page and recreated with a new name
• Flushed cached (browser and server)
• Reset Bricks settings
• Regenerated
• Reset WP settings
• Reinstalled WP
• Reinstalled Bricks
• Reverted to an earlier Bricks version
• Reviewed Page Source; nothing looks off
• Inspected the page with Dev Tools; no errors

I created a new site, and everything works as expected

I compared all settings between the 1st and 2nd site - everything is identical.

[Matej]

Hello @jnk_bricksbuilder,

first, welcome to the community

Also, thank you for providing a very simple example of the issue. This way, it was simple to see the problem, and the issue is with the fw-spacing-- variables. You forgot to close the first variable inside the calc function, and that broke the CSS. Please see the fixed version below, and sorry for my bad drawing . If you just add those closing brackets, it will work.

As this is not a Bricks bug, I marked this topic as a NO BUG, but let me know when you make it work or if you need more help with it.

Thanks,
Matej

[jnk_bricksbuilder]

Yep … that was it!
#rookiemistake

Thank you.

[Matej]

Hehe, no worries, this happens to all of us I’m happy that it’s solved now

Best regards,
Matej