Community forum for knowledge and support

Updated 3 months ago

The Mysterious Gray Bar: Troubleshooting a Spacer Element

At a glance

The community member has a problem where a spacer element they copied from the Style Guide is appearing as a gray bar on the published page, even though it should not have any height or background color. A comment suggests that the issue may be caused by the page's 'Body' being set to a gray color, rather than white, so that the content modules with a white background appear as a gray bar. However, there is no explicitly marked answer to the problem.

Useful resources

Hello, I have the following problem. I copied a spacer element from the Style Guide into my page for a specific padding. However, on the published page, the spacer appears as a gray bar, even though it shouldn't have any height and also has no background color. So where does this gray bar come from, and how can I fix this problem?

https://www.loom.com/share/f6216f19561b4a5bb66c735daa629232?sid=2b43f503-8435-4910-b9d4-385555d137fe

S
1 comment

Check that your page ‘Body’ is also set to white, and not grey. If the spacer has no colour, then it could be that your body is grey, and all you content modules are set to a white background,

Add a reply
Sign up and join the conversation on Slack