Style newsletter with CSS classes

Avatar

By Ahmed Fouad

updated about 20 hours ago

We've added some simple classes to style your newsletter using core Gutenberg blocks.

Important: These styling changes only affect your newsletter HTML. They will not show up on your website or blog. To style your site, you will have to make changes to your site's theme.

Columns breakpoint

If you don't want your columns to break into single columns on mobile, you can select the desired columns block and add custom css class “ngl-no-wrap” to the Advanced panel.




Adjust thickness of separator

To adjust the thickness of the Separator block, select the desired separator block and add custom css class “thickness-[pixel]” to the Advanced panel.


For example, if you want your separator to be 5 pixels thick, add "thickness-5". If you want your separator to be 10 pixels thick, add "thickness-10".


Did this answer your question?