[Résolu] Comment supprimer un boitton en css

Bonjour,
 Je souhaiterais savoir comment supprimer un bouton en CSS
ce bouton est une class

il s'agit d'un bouton qui sert à continuer ses achats lorsque l'on achète sur Internet et qu'on l'a déjà mis un produit dans son panier, dans ce cas-là une jupe en jean
voici ce que j'ai lorsque j' inspecte l'élément:

je souhaite supprimer le bouton  "Btn btn primary">Continuer mes achats

<a data-dismiss="modal" href="/listing/ojpt268m52a-jupe-en-jean-noir-boutonnee-monki-taille-s" class="btn btn-primary">Continuer mes achats</a>

Si quelqu'un peut m'aider et me dire la ligne de code à écrire en CSS ce sera très sympa merci

Salut,

Je te dirais bien de faire

.btn.btn-primary {
    display:none;
}

mais si tu fais ça, tout les btn-primary de ton site vont disparaitre. Il faut rendre el sélecteur plus spécifique pour ne chopper que ce bouton la. Soit en rajoutant un id soit en se basant sur un id ou une classe existante
Modifié par _laurent (28 Oct 2020 - 22:35)

Bonjour,
merci beaucoup pour la réponse. En essayant d'identifier le bouton, voila ce que j'ai

class="btn btn-primary">Continuer mes achats</a>

La class semble celle ci? et donc quel code taper exactement?

Ou sinon pour être plus précis, comment creer un id à la class class="btn btn-primary">Continuer mes achats

Si on se base juste sur btn btn-primary comme je te l'ai écrit c'est tout les boutons de ton site qui vont disparaitre... il faut donc chercher une autre classe ou plutot un id c'est plus simple sur les parents du bouton que tu veux cibler.

Imagine par exemple que ton bouton soit dans une div avec un id :

<div id="modal">
    <a data-dismiss="modal" href="/listing/ojpt268m52a-jupe-en-jean-noir-boutonnee-monki-taille-s" class="btn btn-primary">Continuer mes achats</a>
</div>

On pourra écrire :

#modal .btn.btn-primary {
    display:none;
}

En s'assurant qu'il n'y ai pas d'autres bouton que celui-ci dans la #modal.

Sinon pour rajouter un id et bah il faut aller dans le html et rajouter l'id :

<a id="boutonquidoitdisparaitre" data-dismiss="modal" href="/listing/ojpt268m52a-jupe-en-jean-noir-boutonnee-monki-taille-s" class="btn btn-primary">Continuer mes achats</a>

Merci beaucoup pour votre aide , je vais essayer cette methode et vous dirais.

Bonjour,
cette solution n'a pas fonctionné. Il faut dire que je ne suis pas très caler.
Le site est en ligne vous pouvez peut être voir et me donner une solution. Il suffit d'aller dessus de mettre un produit dans le panier et là le bouton "Continuer mes achats apparait", vous pourrez peut être trouver une solution en inspectant l'élément, c'est ce bouton que je ne veut pas afficher, je souhaite que le client achète un seul produit en même temps.
Merci pour votre retour

Pasbar1 a écrit :
Le site est en ligne vous pouvez peut être voir et me donner une solution. Il suffit d'aller dessus de mettre un produit dans le panier et là le bouton "Continuer mes achats apparait", vous pourrez peut être trouver une solution en inspectant l'élément, c'est ce bouton que je ne veut pas afficher, je souhaite que le client achète un seul produit en même temps.

Oui ca serait top mais il nous faut l'url du site...

Merci, voila l'url www.fripiz.com
Je souhaiterais que le client ne puisse acheter qu'un seul produit et ne pas rajouter d'autres produits dans le panier.
Je ne suis pas sur qu'en n'affichant pas le bouton continuer mes achats qu'il puisse ne pas ajouter d'autres articles en allant dans le menu du site. Peut être y a t'-il un code que l'on pourrait mettre après avoir supprimer le bouton continuer mes achats qui permettrait d'empêcher d'ajouter d'autres articles dans le panieret donc d'acheter un seul article.
Merci

Bonjour,

En ce cas pourquoi ne pas shinter le panier pour que dès que le client a choisit son article il soit dirigé vers le processus suivant ?!
Modifié par Greg_Lumiere (29 Oct 2020 - 11:25)

Oui ce serait une bonne solution, mais en faisant ça aurait t-il.la possibilité de revenir en arrière dans le cas ou il souhaiterait enlever le produit du panier et le remplacer par un autre?

Il faudrait prévoir un call-to-action pour annuler la commande et revenir à l'état initial (effacement du contenu du panier)

je vous en remercie