X-ray Mode

The X-ray mode is a useful addition to the Bricks’ UI. Ideal for getting a quick overview of the layout or debugging a layout (for example, when there’s unwanted horizontal scrolling that is difficult to find the cause)

Toggle on/off by clicking the new icon in the top right menu bar.

When enabled, the outlines of every element on the page will be made visible.

Bricks builder with X-ray mode on, showing thin outlines around every element on the page

New: If you wish to change the color of the outlines, you can use the ‘–x-xray-color’ variable inside your Bricks custom CSS settings. Eg..

Bricks Custom code settings with custom CSS setting --x-xray-color: red on body