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.
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.
Style the icon in terms of size and color, as well as background color and border.
Here you can define the border color, width, style and radius of the module.
With this option you can choose a solid color or upload an image as the background for the module.
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!