Element Properties | Zoho LandingPage User Guide

Element properties

Customizing the typography properties, background, borders, shadows, and spacing of landing page elements can significantly enhance the user experience and visual appeal of your website. 

Typography properties

  1. In the Element Properties window, click on the Text tab to customize the text according to your landing page. In the Typography accordion, you can change the font name, weight, and size. Additionally, you can change the text colour, line spacing, word spacing, and case. Enable text shadow and adjust the dimensions and blur of the shadow using the sliders provide

Background properties

  1.  In the Background accordion, click on the drop-down menu next to Background Type and select Solid color. You can choose the background color using the color picker to be applied to the element.



  2.  In the drop-down menu, select Background Image to apply an image to the background of your element. Now you can click on Change Image to upload any image of your choice and adjust the position, size, alignment, attachment, overlay type according to your landing page requirements.


Border Properties

  1.  In the Border accordion, you can select the border style (dashed, dotted, or solid) and the border color. Additionally, you can enable even border/radius for all sides or set it individually for each side.



Shadow Properties

  1. In the Shadow accordion, you can select the shadow colour,  X and Y Offset ( how the shadow should be positioned in relation the element), blur ( how soft or sharp the edges of the shadow) , and spread (how much the shadow should expand or contract).



Spacing Properties

  1.  In the Spacing accordion, you can set the padding (Space between the contents and  the border of the element) and margin ( space between your element and the adjacent element). You can either choose to have even padding/margin for all sides or set it individually for each side.

Organizing elements within a section

If you are looking to swap two elements in a section, you can click on the Move arrow to move the elements to any side.