Elementor et Woocommerce

[banahan.l]

Bonjour ,
Je suis entrain de monter un site de ecommerce avec LearnDash et Woocommerce.

J’ai suivit ce tuto  https://www.youtube.com/watch?v=DVRT6kdSeBo&t=2377s

pour créer themes avec le “Constructeur de thème” d’après le tuto le theme s’applique à tous les produits, sauf que… j’ai les poignées/commandes (je ne sais pas comment les appeler) qui sont jaune orange au lieu d’être bleu…
Quand je clic dessus ca deviens bleu, mais ce que je modifie se répercute dans tous les produits.
Comment éviter cela?
Merci d’avance

[WB2]

Bonjour à vous, j’arrive pas à me projeter sur votre soucis malheureusement, sinon je suis sûr que vous trouverez votre bonheur sur Elementor ici :

Tuto Elementor

[arnaud]

bonjour, pourquoi ne pas modifier cela directement dans le css

Tutospot.com site de tutoriel informatique.

[Anonyme]

Pour pouvoir être tranquille assez rapidement avec ce genre de problèmes, je vous conseil la marche suivante :

– Clique droit sur le bouton en question
– Inspecter
– Dans l’encart qui s’est ouvert, un block sera surligné, dans ce block, il y aura : class=”Le-nom-de-la-class”
– Copiez la.

Par la suite, allez dans l’espace CSS de votre thème, et collez votre class sans oublier le point devant en replaçant ma class d’exemple :

.Le-nom-de-la-class{
color: red !important;
background-color: #333333;
}

.Le-nom-de-la-class:hover{
color: blue !important;
background-color: #333333;
}

Le premier sert dans le cas où la souris n’est pas placé sur l’item, color désigne la couleur du texte et background-color celle de l’arrière plan.
Le deuxième sert au survol de la souris. Le “!important” permet d’imposer cette  règle CSS devant toutes les autres.

Une solution comme celle ci permet de ne pas aller chercher dans tous les fichiers et d’avoir le résultat attendu plus rapidement.

[Auteur]

Messages