The Email Sign Up Form Module can be styled locally or globally. The advantage of global styling is that it automatically styles all the form modules on your website at the same time, offering extra styling options and saving your time. It is possible to find the Email Sign Up Global Styling under the Module Design section of the Global Styling tab of the editor.
The general settings refer to spacing. It is possible to define the overall spacing in terms of margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.
Style the labels of your form in terms of font color, size, family, weight, line height, letterspacing, text decoration, italic and uppercase options, alignment and spacing.
Style the inputs in terms of font color, size, family, weight, letterspacing, italic and uppercase options.
3.2. Background and Border
Define a background color, transparency and border for the input boxes.
Define the spacing for the inputs, text and selects areas.
4. Consent links
Style the consent links in terms of font color, size, weight, letter spacing, italic and uppercase.
The description text only appears on the module if you have added a Sign-Up Opt-In Option (see section 1.2.2. in this article).
Style the description in terms of font color, weight, and text decoration. You can also define the spacing for the description text. Please note that you need to adjust left padding if you want the text to be indented.
6. Submit Button
In this section you can define the button placement - to the left, centered or to the right.
Define the button text in terms of font color, size, family, weight, line height and uppercase letters. You can also define the background and border for the button, as well as spacing, both in terms of margin and padding.
7. Thank you message
Define the font color, size, family, weight, line height and uppercase letters for the thank you message. It is also possible to change the background, border and spacing of the area where the thank you message can be read after the visitor submits the form.
In this section you can define the captcha placement - to the left, centred or to the right.
Define the spacing for the captcha.
9. Note Field
Style the note field in terms of font color, size, family, weight, line height, letterspacing, text decoration, italic and uppercase options, alignment and spacing.
10. Apply Global Styling
As soon as you save your Global Styling, all the Email Sign Up Form Modules will inherit that styling. However, if later you choose to style a newsletter form locally, it will overwrite the global styling but only for that specific Email Sign Up Form Module. Click here to read more about the Email Sign Up Form Module local styling!