List

The List Module can be styled locally or globally. The advantage of global styling is that it automatically styles all the List Modules on your website at the same time, creating a consistent theme and saving your time. It is possible to find the List Global Styling under the Module Design section of the Global Styling tab of the editor.

 


1. Title

Style the title in terms of font color, size, family, weight, decoration, line height, uppercase letters, alignment and spacing.

 

2. List Elements

Style the list elements in terms of font color, size, family, weight, decoration, line height, uppercase letters, background color, alignment and spacing.

 

3. Icon

Style the icon in terms of size and color, as well as background color and border.

 

4. Border

Here you can define the border color, width, style and radius of the module.

 

5. Background

With this option you can choose a solid color or upload an image as the background for the module.

 

6. Spacing

When styling the spacing you can define the margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.


7. Apply Global Styling

As soon as you save your Global Styling, all the List Modules will inherit that design. However, if later you choose to style a list locally, it will overwrite the global styling but only for that specific List Module. Click here to read more about the List Module local styling!

 

Anything we’ve not covered?

Contact Us