Card
Les cartes sont des blocs très utilisés pour afficher du contenu comme des titres, du texte, des images ou des actions (boutons, liens, etc.). Grâce à ces menus déroulants, vous allez pouvoir adapter le style des cartes à votre site sans coder, simplement en sélectionnant les options qui vous conviennent.
🎨 Couleurs des éléments de la carte
Modifiez les couleurs principales utilisées dans les cartes :
Couleur du texte : change la couleur du contenu textuel général.
Couleur de fond : modifie l’arrière-plan de la carte.
Couleur du titre : personnalise la couleur du titre principal.
Couleur du sous-titre : ajuste la couleur du sous-titre ou du texte secondaire.
Couleur de la bordure : change la couleur du contour de la carte.
Cap Background : couleur de fond de la zone supérieure (header) de la carte, si elle est utilisée.
Cap Color : couleur du texte dans la zone supérieure (header).
📏 Espacements internes (padding)
Ces réglages permettent d’ajuster l’espace à l’intérieur de la carte et de ses composants :
Espacement vertical du titre : ajoute de l’espace au-dessus et en dessous du titre.
Espacement vertical général : espace haut/bas dans tout le contenu de la carte.
Espacement horizontal général : espace gauche/droite dans la carte.
Cap Padding Y : espace vertical à l’intérieur de la partie “Cap” (header).
Cap Padding X : espace horizontal à l’intérieur de la partie “Cap”.
Padding de l’image superposée (Image Overlay) : espace autour de l’image quand elle est affichée en superposition (par-dessus le contenu).
🧱 Bordures et coins arrondis
Personnalisez l’aspect des bordures pour donner du style à vos cartes :
Largeur de la bordure : définit l’épaisseur du contour visible de la carte.
Rayon de la bordure extérieure : permet d’arrondir les coins de la carte.
Rayon de la bordure intérieure : arrondit les coins internes des zones comme le header ou l’image.
Marge du groupe : espace entre plusieurs cartes affichées en groupe (ex : card group ou grid).
Dernière mise à jour