Change the color of a button in a template without change every template btn

Store Design
1

Hello,

I’m trying to change the color of a button in a template (image-with-text) but I only want to change the button color in only one template without change the button color on every other “image-with-text”. But when I change the color of the button in the code, it’s change the button color of every “image-with-text” template…

Thanks a lot !

2

I would love to help you @TheoT .

Can you please share the URL and location where exactly you want to change the color?

3

Thanks a lot !
this is the url and passwd

https://www.bloum-digital.com/

pw: Bloummycab!

and the button are in the homepage, you scroll down, and you can see a pink background image-text section with a title “Nos tables se plient en 4 pour vous” and the button is black. I want to change the button color of this template

Thx !

4

It took me a while to figure out the solution. Basically, the IDs of all the buttons are duplicates in the theme that’s why when you change one it changes all the buttons.

I found a way to give CSS to a specific element, here is the CSS for that

#ImageWithText--template--14440838594634__image-with-text-1 a {
  background: #e89a33;
  --border-offset: none;
  --border-opacity: none;
  color: white;
}

You can add the above CSS to your theme’s CSS file. If you want to use any other color you can change the CSS of the background color code. (e.g. background : [email removed]#YOUR-FAV-COLOR-CODE)

Output :

SaaSEnthu_0-1653326728328.png
SaaSEnthu_0-1653326728328.png709×917 169 KB

Thanks

5

Sorry ! I had not seen your response, Thanks a lot for your help, its working !!

6

It’s alright.

Glad to help @TheoT :slightly_smiling_face: