Comment aligner les points d'un carrousel à gauche

Par défaut, les points du carrousel dans GemPages sont généralement centrés sous le diaporama. Cependant, selon votre mise en page et votre style graphique, vous pouvez les aligner à gauche.

Cet article vous montrera comment aligner à gauche les points d'un carrousel dans GemPages à l'aide d'un simple code CSS personnalisé, sans aucune expérience en programmation requise.

Pourquoi aligner les points du carrousel à gauche ?

L'alignement à gauche des points du carrousel peut contribuer à améliorer la cohérence du design et l'expérience utilisateur dans certaines mises en page.

Voici quelques cas d’utilisation courants :

1. Faire correspondre les mises en page de contenu alignées à gauche

Si vos titres, textes et boutons sont alignés à gauche, les points centrés peuvent paraître incohérents. Aligner les points à gauche permet d'obtenir une mise en page plus claire et équilibrée.

2. Créer un design minimaliste moderne

De nombreux sites web modernes utilisent des éléments de navigation alignés à gauche pour une apparence plus professionnelle et de style éditorial.

3. Améliorer l'espacement de la mise en page mobile

Sur les appareils mobiles, les points alignés à gauche peuvent mieux s'intégrer au contenu empilé et éviter les espacements inesthétiques.

Comment aligner les points d'un carrousel à gauche

Étape 1 : Sélectionnez l’élément du carrousel

Dans l'éditeur GemPages, cliquez sur l'élément Carousel à l'endroit où vous souhaitez aligner les points à gauche.

Étape 2 : Ouvrez le panneau de code personnalisé

Cliquez avec le bouton droit sur l'élément Carrousel, puis sélectionnez Code personnalisé.

Le panneau « Code personnalisé » s'affichera.

Étape 3 : Ajouter le code CSS

Ajoutez le code CSS suivant dans le champ Code personnalisé :

.gL5w7OAVEa .gp-carousel-dot-container {

 justificatif-contenu : début !important ;

}

Exemple :

.VOTRE_ID_ÉLÉMENT .gp-carousel-dot-container {

 justificatif-contenu : début !important ;

}

Cela garantit que le style personnalisé ne s'applique qu'à l'élément Carrousel spécifique que vous avez sélectionné.