Pour accéder à cette fonctionnalité, vous devez disposer de l’offre Goodshuffle Pro Standard ou supérieure.
Commencez par vous rendre dans la section CSS personnalisé de votre site web (Article)
Vous trouverez ci-dessous les extraits de code nécessaires pour modifier différentes couleurs sur votre site. Il est recommandé de copier/coller l’ensemble du bloc de code dans votre éditeur CSS, puis d’ajuster les couleurs selon vos préférences. Il n’est pas obligatoire de modifier toutes les couleurs.
Remarque : Si votre site utilise un thème de couleur spécifique, vous devrez peut-être ajouter l’extrait suivant pour passer outre les paramètres de couleur de votre thème :
!important;
Modifier la couleur de la police et de l’arrière-plan du nombre d’articles ajoutés au panier de la liste de souhaits :
/* badge du nombre d’articles dans le panier de la liste de souhaits */
gspro-wishlist .gspro-c-wishlist__count {
background: yellow !important;
color: purple !important;
}
Modifier la couleur de l’icône et de l’arrière-plan du bouton « Panier de la liste de souhaits » :
/* couleur de l’icône cœur de la liste de souhaits */
gspro-wishlist[data-mode="collapse"] use {
fill: orange;
}
/* arrière-plan du cœur du panier de la liste de souhaits */
.gspro-c-wishlist__trigger {
background: darkred !important;
}
Modifier la couleur de l’arrière-plan en haut du panier de la liste de souhaits :
gspro-wishlist[data-mode="expand"] {
background: hotpink;
}
Modifier la couleur de l’arrière-plan ainsi que la couleur du nombre sur le cercle affichant le nombre d’articles dans un panier de liste de souhaits actif :
gspro-wishlist[data-mode="collapse"] .gspro-c-wishlist__count {
background: black;
color: white
}
Modifier la couleur du bouton « Infos contact & lieu » uniquement lorsque la souris n’est PAS dessus :
button.gspro-o-button--primary {
background: #1F1F1F;
}
Modifier la couleur du bouton « Infos contact & lieu » UNIQUEMENT lors du survol :
button.gspro-o-button--primary:hover {
background: #3F3F3F;
}button.gspro-o-button--warning {
background: darkorange;
color: white;
}
button.gspro-o-button--warning:hover {
background: darkred;
color: white;
}
Modifier la couleur de la police du bouton « Enregistrer » sous « Sélectionner les dates » :
button.gspro-o-button--reverse {
background: white;
color: hotpink;
}
Modifier la couleur de la police du bouton « Enregistrer » sous « Sélectionner les dates » uniquement lors du survol :
button.gspro-o-button--reverse:hover {
background: rgba(255, 255, 255, 0.8);
color: hotpink;
}
Modifier la couleur du bouton de fermeture sous « Sélectionner les dates » :
button.gspro-o-button--icon {
background: inherit;
}Modifier la couleur du bouton de fermeture sous « Sélectionner les dates » uniquement lors du survol :
button.gspro-o-button--icon:hover {
background: rgba(255, 255, 255, 0.2);
}
Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas à droite de votre écran pour envoyer un message à 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 à droite de votre écran.