The Email Share Module can be styled locally or globally. The advantage of global styling is that it automatically styles all the Email Share Modules on your website at the same time, offering extra styling options and saving your time. It is possible to find the Email Share Global Styling under the Module Design section of the Global Styling tab of the editor.
Define the size of the area surrounding the icon. You can define the size in terms of width and height.
In this section you can define the icon color, both in normal and hover state, as well as the icon size.
Choose a background color for the area surrounding the icon - again, it is possible to define a different color for normal and hovering state.
In this section you can define the border of the area surrounding the icon in terms of color, width, style and radius.
When styling the spacing you can define the margin - which adjusts the space outside of an element.
6. Apply Global Styling
As soon as you save your Global Styling, all the Email Share Modules will inherit that design. However, if later you choose to style an email share module locally, it will overwrite the global styling but only for that specific module. Click here to read more about the Email Share Module local styling!