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.

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..