Button color in Image-with -text section change on hover

Store Design
,
1

I’m almost losing my mind from searching and trying to get the button in the Image-with-text section to change color when I hover over it with the mouse.

Someone can help me?

Thank you in advance!

https://2g32qiz5m7a2iw10-72009384204.shopifypreview.com

2

@bertoloo - please add this css to the very end of your base.css file and check, for now I made it red, change it to the shade you want

.image-with-text .grid__item .button:hover{background-color:#ff0000 !important;}
1 Like
3

Thanks @suyash1 but the code didn’t work

4

Go to your Online store > Themes > Customize > select Image with text section, add this code below in Custom CSS of this section. Replace #5433EB; in my code with your color code

a.button.button--primary:hover {
background-color: #5433EB;
}
1 Like
5

@bertoloo - where did you add the code? not able to see it

6

It worked @Dan-From-Ryviu !
But now I need to change the colored border to another color. I add “border-color:” to the code?

7

Please update the code, also change #colod-code; in the code

a.button.button--primary:hover {
background-color: oink;
}
a.button.button--primary:hover::after {
box-shadow: 0 0 0 1px #colod-code;
}
1 Like
8

I put it in the base.css file and tried.

But nothing changed and I removed the code.

9

Thanks! I’m trying to understand in depth how web programming works on Shopify.
The last time I worked with HTML and CSS codes, Hi5 still existed :joy:

So thank you @Dan-From-Ryviu for helping me!