Force email global styles on template
Adam Reynolds
It would be great to have a setting (perhaps "Force global styles", see screenshot) that allows the user to force the email's global styles onto all modules/template used in the email, even when "Keep Module Styles" is checked in the module, so that our modules can look styled in the module select list (branded for our school), but when we go off brand, we can override the styles of our saved module. Currently, we have to keep our modules looking generic/unstyled (see screenshot with green button) in order for the template to dictate these styles. My preference would be to have our templates branded/styled (see screenshot with blue button) and if we need to override them to go off brand, we could do that in a new setting in the email global styles.
M
Marina Kryvenets
Hello Adam,
Thank you for your suggestion and for explaining your use case in such detail.
You can achieve the desired module settings with the current functionality. When saving modules, you can save them without enabling the Keep Module Styles option. In this case, when the module is added to another template, it will automatically inherit the global styles of the template where it is inserted.
This means that you can keep your templates fully branded, and when you insert a module into a different branded template, the module will adopt the styles of that template rather than keeping its original ones.
Please let me know if it helps and if you need further assistance.
Adam Reynolds
Marina Kryvenets The behaviour you outlined has not been my experience. If I style a button in the module (give it a colour, as seen in the screenshot), the template doesn't override this module > block style. Should it?
M
Marina Kryvenets
Adam Reynolds: Thanks for clarifying! When styling is applied directly to the block, it keeps its own styles and won’t be overridden by the template. If you apply styling via global styles, the module will adapt to the template’s styles where you drop it.
To preserve a module’s original styling, you can use the “Keep Module Styles” control. Regarding a toggle to force master template styles, it is not something that we are planning to release in the near future, but we will keep it in mind for future improvements
Adam Reynolds
Marina Kryvenets Yup, understood. You can close this then. I am new to the platform and learning about inheritance. It would be great if there was a notice in the module > element > style editor to indicate that changes there will be overwritten by the template global styles and also detailed documentation about style inheritance would be greatly appreciated!
M
Marina Kryvenets
Adam Reynolds Thank you for your suggestion! We’ve also shared this feedback with our team for consideration.
Regarding documentation, we do have an article explaining the logic of saving a module and how style inheritance works. You can check it here:
https://support.stripo.email/en/articles/10308810-new-editor-understanding-the-logic-of-stripo-modules-and-how-to-save-css-in-them
We hope you find it helpful as you continue exploring the platform