Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
CMS-Pages-Editor

Personnaliser le CSS de vos pages dans l'éditeur de contenu

Dernière mise à jour: janvier 2, 2019

Disponible avec :

Marketing Hub Professional, Enterprise
Basique
HubSpot CMS

Vous pouvez modifier le style des modules individuels dans l'éditeur de contenu pour les pages de destination et les pages de site web. Les options disponibles dans l'onglet Styles de l'éditeur de module dépendent du type de module que vous modifiez. Pour tout module, vous pouvez définir des marges et un remplissage personnalisés. Certains types de modules disposent d'options pour les couleurs, les formes ou les polices.

Remarque : pour un résultat optimal, il est recommandé d'effectuer les modifications CSS directement vers les feuilles de style jointes à votre site. 

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web.
  • Dans le menu latéral de gauche, cliquez sur l'icône du module d'intégrations, puis sélectionnez le module que vous souhaitez modifier.
  • Cliquez sur l'onglet Styles.
  • Utilisez les flèches pour ajuster les marges et le remplissage autour de votre module. Cochez la case Uniforme pour appliquer un espacement égal des quatre côtés de votre module.
  • Personnalisez les autres couleurs, le remplissage ou les styles de police disponibles pour votre module. Les modifications apportées seront reflétées dans l'éditeur de contenu pendant votre travail.
  • Pour annuler les modifications apportées au style du module, cliquez sur Réinitialiser tous les styles.

edit-module-styles

  • Cliquez sur Enregistrer et allez à la liste des modules après avoir effectué vos changements.
  • Cliquez sur Publier ou Mettre à jour pour appliquer les modifications.
Image ajoutée par l'utilisateur