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 souhaitez modifier le CSS sur votre site Wix ? Cliquez ici.
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 de modifier 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 couleurs spécifique, vous devrez peut-être ajouter l’extrait suivant pour passer outre les paramètres de couleur de votre thème :
!important;
Changer la couleur de fond et la couleur de police du bouton « Rechercher » (par défaut fond noir et texte blanc) :
/* search button */
.gspro-o-search > .gspro-o-button {
/* cette propriété modifie la couleur de fond de l’élément ciblé */
background: red !important;
/* cette propriété modifie la couleur du texte de l’élément ciblé */
color: black !important;
}
Changer la couleur de fond du bouton « Filtres » :
/* filter button */
.gspro-c-item-gallery__toggle-filters {
background: green !important;
}
Changer la couleur de fond du bouton « Catégories » (uniquement en vue mobile) :
/* category button - mobile only */
.gspro-c-item-gallery__toggle-category {
background: orange !important;
}
Changer la couleur de police des catégories et sous-catégories :
/* category text color */
.gspro-o-category {
color: purple !important;
}
Changer la couleur de police du nombre d’articles disponibles dans chaque catégorie et sous-catégorie :
/* category count badge text color */
.gspro-u-badge {
color: orange !important;
Changer la couleur de police du bouton « Supprimer »
gspro-wishlist-item .gspro-o-button--warning {color: orange !important;}Changer la couleur de fond de vos images :
gspro-item-card .gspro-o-card__preview {background: Red; }
Changer la couleur de fond de la grille de vos listes/galeries d’articles :
gspro-item-list .gspro-o-card-grid { background: #000000; }
Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas à droite 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 à droite de votre écran.