Once you have added a new template for Forgotten Password, you are now ready to begin creating and customizing it.
For the sake of this guide, we will use the below template.
The design should suffice as it holds all the necessary modules with some cardinal styling. You can include content modules to add additional information about your company's socials and address.
If you want to modify the placement of certain modules, you can easily do so by adjusting the containers’ position.
Please note that the "Reset Password" module is compulsory to publish the Forgotten Password template.
Add Container
Click Add Container and Edit Content from within the container. Choose a relevant module from the Contents dropdown.
Within a particular module, you can control the display of various sub-modules by toggling on/off the Display buttons. Click Apply to save your selection.
Apply Style
To style the display of text and labels on the email, there is an option to add an inline CSS style when a module is selected. Click the “V” sign to add style.
You can either enter a value for the available style options or add a new style.
For example, to align the label vertically, add line-height in Style Property Name and a value of 1.25 in Style Property Value. Click Add New Style to apply your changes.
CSS style for modules
We are sharing the CSS style that can be added using the above approach to ensure the look of your email looks the same as the email format shared above.
Reset Password Details
For Title –
vertical-align:top
line-height:1.25
font-weight:700
font-size:22px
For Message -
vertical-align:top
line-height:1.25
Publish a template
You can preview the template by clicking on the Preview button.
Once you are convinced with the layout and design of your template, toggle on the Published button and click Save as shown above.
Please note that the new template will overwrite the existing template once you publish it.