Dernière mise à jour: novembre 26, 2021
Pour centrer une image, un CTA ou un module de logo sur votre page, blog ou e-mail, ajoutez un style intraligne à votre modèle dans le gestionnaire de conception. Ces instructions s'appliquent aux modèles de mise en page créés dans le gestionnaire de conception.
Si vous utilisez un modèle contenant une zone de glisser-déposer, vous pouvez centrer l'alignement du module dans l'éditeur de page.
Remarque :
- Cette méthode nécessite des connaissances de base en HTML.
- Si votre page ou votre modèle comporte une feuille de style jointe ou si un style supplémentaire a été ajouté, il se peut qu'un CSS existant affecte votre image, votre CTA ou votre logo. HubSpot recommande de travailler avec un designer afin d' identifier la source du style et d'apporter les modifications nécessaires pour centrer vos actifs.
- Dans votre compte HubSpot, accédez à vos pages de destination, votre page de site web, votre article de blog ou votre tableau de bord des e-mails.
- Passez le curseur de la souris sur votre page, article de blog ou e-mail, puis cliquez sur Modifier.
- En haut de l'éditeur de contenu, cliquez sur l'onglet Paramètres.
- Dans l'onglet Paramètres, faites défiler la liste et cliquez sur Options avancées.
- Dans la section Modèle , cliquez sur Modifier ce modèle. Cette action ouvrira votre modèle dans l' éditeur de mise en page dans un nouvel onglet ou une nouvelle fenêtre
- Dans votre modèle de mise en page, cliquez sur le logo, le CTA ou le module d'image pour le sélectionner dans l'inspecteur.
- Dans le champ de Style intraligne, ajoutez les CSS suivants :
text-align:center;
- Cliquez sur Publier les modifications dans l'angle supérieur droit pour appliquer les modifications apportées à ce modèle.
- Ensuite, revenez à l'éditeur de contenu et rafraîchissez votre navigateur Web pour que les modifications apportées à votre modèle soient prises en compte. Le contenu de ce module sera désormais centré sur votre page, votre blog ou votre courriel.
