The Icon List Module can be styled locally or globally. The advantage of global styling is that it automatically styles all the Icon Lists on your website at the same time, creating a consistent theme and saving your time. It is possible to find the Icon List Global Styling under the Module Design section of the Global Styling tab of the editor.
1. Icon Placement
This option allows you to define the icon placement within the column where the module is inserted. Choose to align it to the left, centered or to the right.
2.1. Width & Height
These options allow you to define the width and height of the icon list.
2.2. Icon Size and Color
In these fields you can choose the actual icon size as well as color. Please note that if you have defined your icons to include a link, you should select the color in "Icon Link Color" rather than in "Icon Color"; moreover, the "Icon Link Color" also offers the possibility to differentiate a normal and a hover color.
2.3. Background Color
This section allows you to style the background of the icon list; again, it is possible to differentiate a normal and a hover color.
In this section you can define the border color (normal and hover), widht, style, radius and margin.
Choose a solid background color and set its transparency for the icon list module background.
Personalize the outside border of the icon list module regarding color, width, style and radius.
Adjust the spacing of the icon list module - both in terms of margin and padding.
6. APPLY GLOBAL STYLING
As soon as you save your Global Styling, all the Icon List Modules will inherit that design. However, if later you choose to style an Icon List Module locally, it will overwrite the global styling but only for that specific module. Click here to read more about the Icon List Module local styling!