Solved

|| change button background color on hover (Prestige 7.3.3 theme)

theithei
Excursionist
33 2 10

Hi,

I am using the Prestige 7.3.3 theme with button animation enabled. The color of the buttons is black with white font inside. Right now the hover animation changes it to black font on transparent background and I am not able to adjust it in the custom menu.

Bildschirm­foto 2023-07-18 um 10.33.22.png

I'd like to change the background of the button to white with black font. 

https://wokr2cdb3udwp9g7-28196274313.shopifypreview.com

 

Any ideas?
Thanks in advance!

Accepted Solution (1)

Moeed
Shopify Partner
3927 995 1242

This is an accepted solution.

Hey @theithei 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag

<style>
.prose :is(.button,.button-group:has(.button)) {
    background-color: white !important;
    font-weight: bold;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
3927 995 1242

This is an accepted solution.

Hey @theithei 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag

<style>
.prose :is(.button,.button-group:has(.button)) {
    background-color: white !important;
    font-weight: bold;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
theithei
Excursionist
33 2 10

it worked perfectly! thanks for your help!

clemencersn
New Member
7 0 0

Bonjour,

J'ai le même problème mais je souhaite juste modifier le bouton de la section newsletter de mon footer. Comment puis-je faire ?

 

Merci,

Océanne
Shopify Staff
1173 92 85

Bonjour @clemencersn,

 

  • Pour confirmer, vous utilisez bien le thème Prestige, c'est bien ça ? 
  • Pouvez-vous partager une capture d'écran de votre section newsletter actuelle ?
  • Avez-vous déjà apporté des modifications de code à votre thème ?
  • Quel style de prestige utilisez-vous ? Il y en a 3: Allure, Couture, Vogue. Si vous ne le savez pas, veuillez vous retrouver dans votre éditeur de thème ⇨ paramètres ⇨ style de thème.

 

Afin de changer la couleur, il y a des options de personnalisation de couleurs dans les paramètres de thème.

 

Me faire part sur les informations. Je reste à votre disposition. 

Océanne | Soutien Francophone @ Shopify 
 - Ma réponse est-elle utile? Cliquez sur J'aime pour me le faire savoir! 
 - Votre question a-t-elle été répondue? Sélectionnez Accepter comme solution
 - Pour en savoir plus, visitez notre Centre d'aide en français ou le Blog Shopify
clemencersn
New Member
7 0 0

Bonjour Océanne,

J'utilise le thème Prestige 6.0 mais je n'arrive pas à voir quel est le style du thème, quand je regarde dans les paramètres, aucune case du style n'est cochée et quand j'essaye de cocher ça me change la structure du site.

Je n'ai pas encore publié le site avec la newsletter mais j'ai réalisé un essai en preview (cf pièces jointes), je n'ai pas vu de code 

dans le css, je ne pense pas qu'il y en ai.

 

 newsletter.PNGfooter.PNG

 

Merci pour votre retour,

 

Océanne
Shopify Staff
1173 92 85

Rebonjour @clemencersn,

 

Merci pour ces informations. 

 

Je note qu'il n'y a pas de façon à change la couleur uniquement du bouton du newsletter, mais l'endroit à aller pour changer la couleur des boutons sur le thème est en allant dans paramètres de thème ⇨ couleurs  ⇨sous la section de boutons, changez la couleur de l'arrière-plan du bouton. 

 

 

Cependant, si vous souhaitez changer la couleur de ce bouton unique, veuillez contacter l'équipe de soutien Prestige pour voir s'il y a quelque chose qu'ils puissent faire. 

 

Bonne continuation !

 

S'agit-il de votre première activité en ligne ?

Océanne | Soutien Francophone @ Shopify 
 - Ma réponse est-elle utile? Cliquez sur J'aime pour me le faire savoir! 
 - Votre question a-t-elle été répondue? Sélectionnez Accepter comme solution
 - Pour en savoir plus, visitez notre Centre d'aide en français ou le Blog Shopify
clemencersn
New Member
7 0 0

Thanks, I've been looking for another solution. I'd like to integrate a piece of code from the omnisend section (for the newsletter) into my footer but I don't know where. Can you help me ?