Adding Dividers & Spacers to a Landing Page | Zoho LandingPage User Guide

Dividers

Dividers are an essential design element in landing pages that help create a clear and organized layout. They enhance readability, improve user experience, and guide the user's eye through the content. 

Inserting a divider

  1. To add a divider to your landing page, click on the Insert button to view the menu.



  2.    In the menu, select the Elements tab and choose the Divider element to be inserted in your landing page.



  3.   The various types of dividers allow you to break lengthy sections meaningfully and make your landing page engaging for visitors. They will appear on your landing page as shown below
  1.   Divider



  2.   Divider with icon



  3.   Divider with text


  4.   Spacer



Accessing divider properties

  1. You can access the divider properties by clicking on the properties icon next to the element name in case it is not visible already. In General Properties, you can change the icon, style of the divider, opt for a double border, and change the width of the divider.



  2.  In Style Properties, you can change the aligment, size, style of the icon. Additionally you can also choose the line color and icon color to match the style of your landing page.