Vous pouvez attribuer une classe CSS à une ligne ou à un bloc de votre template. Cela vous permet de cibler précisément cet élément depuis le CSS global du template, afin de lui appliquer une mise en forme spécifique sans affecter le reste de la newsletter.
Où renseigner la classe
Sélectionnez la ligne ou le bloc concerné dans le template.
Dans le panneau « Paramètres » à droite, scrollez jusqu'à la section « Paramètres avancés ».
Renseignez le champ « Classes CSS ».
Vous pouvez définir :
une classe sur la ligne (onglet « Ligne » du panneau Paramètres) ;
une classe sur chaque bloc (enfant d'une ligne).
Utiliser la classe dans le CSS global
Une fois la classe attribuée, définissez son style dans le CSS global du template : onglet « Template » du panneau Paramètres > « CSS Global » > bouton « Modifier ».
Par exemple, si vous saisissez classe-bloc dans le champ « Classes CSS » d'un bloc, vous pouvez le cibler ainsi dans le CSS global :
.classe-bloc { /* vos styles ici */ }
Bon à savoir :
Le CSS global est appliqué via un bloc <style> dans l'en-tête de l'e-mail. Ce mode de stylage n'est pas interprété par tous les clients de messagerie (notamment l'application Gmail utilisée avec une adresse non-Gmail, ou certaines versions d'Outlook). Pour les mises en forme critiques, privilégiez les réglages proposés directement dans les paramètres du bloc.