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;

Modifier la couleur de fond et la couleur de police du bouton « Rechercher » (par défaut fond noir et texte blanc) :

/* bouton rechercher */
.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; 
}

Modifier la couleur de fond du bouton « Filtres » :

/* bouton filtre */
.gspro-c-item-gallery__toggle-filters  {
    background: green !important;
}

Modifier la couleur de fond du bouton « Catégories » (uniquement en vue mobile) :

/* bouton catégorie - mobile uniquement */
.gspro-c-item-gallery__toggle-category {
    background: orange !important;
}

Modifier la couleur de police des catégories et sous-catégories :

/* couleur du texte des catégories */
.gspro-o-category {
    color: purple !important; 
}

Modifier la couleur de police du nombre d’articles disponibles dans chaque catégorie et sous-catégorie :

/* couleur du texte du badge de nombre d’articles */
.gspro-u-badge {
    color: orange !important;

Modifier la couleur de police du bouton « Supprimer »

gspro-wishlist-item .gspro-o-button--warning {color: orange !important;}

Modifier la couleur de fond de vos images :

gspro-item-card .gspro-o-card__preview {background: Red; }

Modifier la couleur de fond de la grille de vos listes/galeries d’articles :

gspro-item-list .gspro-o-card-grid { background: #000000; }

Cliquez ici pour plus d’informations sur la personnalisation des couleurs d’autres éléments de votre intégration de site web

Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas à droite de votre écran pour contacter notre équipe support — 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, contactez-nous via la bulle de chat en bas à droite de votre écran.

Comment puis-je modifier les couleurs de l'intégration de mon site web ?