Change Hover Button Color Impulse Theme

Solved
anna-michielan
Tourist
14 0 1

Hi, how can I change the color of the hover color on "VIEW ALL" button? I want it to be inverted color when it hovers.

Now I cannot see the button when I have the pointer on the button.

my site address is: anna-michielan.myshopify.com

thank you

 

0 Likes
dmwwebartisan
Shopify Partner
7368 1746 2332

This is an accepted solution.

@anna-michielan 

Please add the following code at the bottom of your assets/theme.css file

a.btn.bordered-btn:hover {background-color: #808080 !important;}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
anna-michielan
Tourist
14 0 1

Hi @dmwwebartisan 

thank you so much! Yes kind of like that but I would love it to have purple border, purple text, and white background when hover. is that would be possible?

thank you ^^

 

0 Likes
dmwwebartisan
Shopify Partner
7368 1746 2332

@anna-michielan 

 yes possible Please wait .

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
dmwwebartisan
Shopify Partner
7368 1746 2332

This is an accepted solution.

@anna-michielan 

Remove old CSS class and add this new CSS.

Please add the following code at the bottom of your assets/theme.css file.

a.btn.bordered-btn:hover {
    background-color: #fff !important;
    color: #781D7E;
    transition-delay: unset !important;
}

Hope this works.
Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
anna-michielan
Tourist
14 0 1

Yes it works!! Thank you so so much @dmwwebartisan for being fast response and helpful!

 

dmwwebartisan
Shopify Partner
7368 1746 2332

If helpful then please Like and Accept Solution.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
MS-WEB-DESIGNER
Shopify Partner
2812 176 472

Dear @anna-michielan 

Hope the following suggestions will help you

  • From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file.
  • Go to the very bottom of this file and paste the following code(you can change the button hover color code yourself):

 

/* Start */
a.btn.bordered-btn:hover {background: #808080 !important}
/* End*/

 

  •  Save and check your theme by refreshing it.

 

0 Likes
SebastiaoLustos
New Member
1 0 1

Hello,

and for "add to cart button"?

 

how can i change color? because I'm not getting it from the theme settings,

 

thanks

dmwwebartisan
Shopify Partner
7368 1746 2332

@SebastiaoLustos 

Do you want to change the color of add to cart button?

Please explain more and share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes