Column visual guides
The “Columns visual guide” feature in the Advanced Gutenberg plugin makes it easier to see what is happening with your layouts.
How to use the Columns visual guide
To see the “Columns visual guide” feature in action, choose a Columns Manager block:
Choose a layout option:
Add content to your layout, and you will see a dotted line around the outside of each column. This is the “Columns Visual Guide”:
These guidelines can be particularly useful as your layouts become more complex. This next image is an example of one “Columns Manager” block inside another “Columns Manager” block. In this image, the guidelines are very helpful for seeing your layout:
Settings for the Columns visual guide
You can choose to enable or disable the visual guide for your whole site, or individual posts / pages.
Inside every post or page, you can click the Advanced Gutenberg icon in the top-right corner. You can then choose one of these settings:
- Inherit from global settings
The “Global Settings” show above can be configured this way:
- Go to “Adv. Gutenberg” in your WordPress admin menu.
- Click “Configuration”.
- Choose “Enable columns visual guide”.