![]() Like many Divi modules, the Divider Module includes several adjustments to control the size of the module. All that shows now is the tan background for the Row. The divider won’t show, and you can now use the module to add spacing within the Divi layout. I’ve given the Row a tan background to help visualize the Divider Module. Here’s the setting with Visibility enabled. To make the divider invisible, go to its Content tab. The size of the space the module takes is different from the visible and invisible divider. This allows us to use the module just of space if we want. The module can show or not show the divider. The result is essentially the same and each of the methods can be used in combination if you need to fine-tune the spacing. The amount of space the module takes can be adjusted with Sizing, Margin, and Padding. ![]() Divider Module Settingsĭivider Modules can create vertical and horizontal space in several ways. Whitespace even improves readability, so content is easier to consume. This is especially important for buttons, descriptions, blurbs, or anything you want your visitors to interact with. When an element has lots of whitespace around it, it stands out. Whitespace can help focus attention on certain areas of the screen. They won’t stand apart, making CTAs go unnoticed. Elements can be easily ignored if they’re too close to other elements. Without whitespace, a layout can become cluttered and visually unappealing. Invisible dividers are a great way to add whitespace to your layouts. Why Create Space with Invisible Dividers? 4.4 Phone Invisible Dividers Example Two.4.3 Desktop Invisible Dividers Example Two.4.2 Phone Invisible Dividers Example One.4.1 Desktop Invisible Dividers Example One.2.3 Invisible Divider Module Combined with Spacing.2.2 Invisible Divider Combined with Sizing.1 Why Create Space with Invisible Dividers?.
0 Comments
Leave a Reply. |