Cette fonctionnalité est disponible sur tous les forfaits Goodshuffle Pro.
Pour modifier l’apparence du bouton Ajouter à la liste de souhaits de l’intégration de votre site web, vous devez ajouter du CSS personnalisé dans la feuille de style ou la section CSS personnalisée de votre éditeur de site.
Vous souhaitez modifier le CSS sur votre site Wix ? Suivez ce guide pour ajouter du code personnalisé à votre site Wix.
Voici quelques exemples courants que vous pouvez utiliser.
1. Changer la couleur de fond du bouton Ajouter
Pour uniquement changer la couleur de fond :
/* couleur du bouton ajouter sur la carte */
gspro-item-card .gspro-o-card__add button {
background: blue !important;
}
2. Changer uniquement la couleur de l’icône
Pour modifier seulement l’icône à l’intérieur du bouton :
/* couleur de l’icône ajouter sur la carte */
.gspro-c-item-card__add use {
fill: green !important;
}
4. Changer à la fois la couleur de fond et de l’icône
Vous pouvez combiner les deux extraits :
/* couleur du bouton ajouter sur la carte */
gspro-item-card .gspro-o-card__add button {
background: blue !important;
}
/* couleur de l’icône ajouter sur la carte */
.gspro-c-item-card__add use {
fill: green !important;
}
4. Changer le bouton Ajouter au survol
Pour modifier le bouton au survol :
gspro-item-card .gspro-o-card__add:hover button {
background: #1A1A1A;
}Alternative : autre sélecteur de bouton
Si la couleur ne s’applique pas dans certains navigateurs, essayez :
button.gspro-o-button {
background: pink;
}
Astuce
Utilisez un outil Color Picker pour trouver le code hexadécimal de la couleur souhaitée (par exemple, https://colorpicker.com ou les outils intégrés de votre navigateur).
Vos couleurs sont maintenant personnalisables !
Plus de personnalisation
Pour personnaliser d’autres éléments (couleurs de police, badges, etc.), consultez le Guide de personnalisation des couleurs de l’intégration de site web.
Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas de votre écran pour contacter notre équipe d’assistance — nous sommes là pour vous aider !
Clause de non-responsabilité : Cet article a été traduit à l’aide de l’IA. Pour toute question ou clarification, veuillez nous contacter via la bulle de chat en bas de votre écran.