FROM CACHE - fr_header
Cette communauté a fait place à une assistance de pair-à-pair. L’assistance Shopify ne sera plus proposée pour cette communauté. Nous vous encourageons à entrer en contact avec d’autres marchands et partenaires pour obtenir de l’aide et partager vos expériences ! Veuillez continuer à signaler tout ce qui va à l'encontre de notre Code de conduite ou tout contenu que vous souhaitez faire supprimer.
La communauté fait peau neuve ! À compter du le 7 juillet, la communauté passera en mode lecture seule pendant deux semaines environ. Vous pourrez parcourir du contenu, mais la publication sera momentanément indisponible. En savoir plus.

Modifier le style d'un bouton

RÉSOLU

Modifier le style d'un bouton

Patin
Touriste
22 0 1

Bonjour, je demande un peu d'aide afin de trouver comment modifier le style d'un de mes boutons de redirection vers un autre site ; j'ai ainsi inséré ce code en HTML : <div class="button_cont" align="center"><a class="example_e" href="website" target="_blank" rel="nofollow noopener noreferrer">REJOINDRE MAINTENANT</a></div>

Et j'obtiens : 
centre aide.PNG

Ma question est la suivante : le bouton étant beaucoup trop simple, comment puis-je changer son style, sa couleur, ainsi que son animation ? Merci d'avance !

1 SOLUTION APPROUVÉE

TomTranzistor
Shopify Partner
62 4 18

Succès.

Hello, 

 

Il faut maintenant te former à un peu de css, chez codeAcademy, ils ont des cours gratuit il me semble.

 

Voila un exemple pour ton cas.

Belle journée !

.example_e {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.example_e {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.example_e:hover {
  background-color: #555555;
  color: white;
}

Voir la solution dans l'envoi d'origine

4 RÉPONSES 4

TomTranzistor
Shopify Partner
62 4 18

Succès.

Hello, 

 

Il faut maintenant te former à un peu de css, chez codeAcademy, ils ont des cours gratuit il me semble.

 

Voila un exemple pour ton cas.

Belle journée !

.example_e {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.example_e {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.example_e:hover {
  background-color: #555555;
  color: white;
}
Patin
Touriste
22 0 1

Merci beaucoup pour ton aide ! Je vais essayer ça de suite

Patin
Touriste
22 0 1

En fait j'ai un problème, je ne sais pas vraiment où rentrer cette ligne de code, (theme.scss, etc) ni comment link ce code avec un bouton en html...

Patin
Touriste
22 0 1

C'est bon, après quelques recherches j'ai trouvé