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.

Screen Shot 2023 01 23 at 1.56.20 pm

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

CleanShot 2023 03 09 at 12.15.40@2x