Solved

How can I change only one button color on Debut theme?

chicandvintage
Excursionist
45 1 19

Hello,

How can I change all the buttons colors on my homepage? I'd like for the font to be black and the background white, with a black border. I've tried many codes and nothing is working. I don't want this to infer with add to cart button as well. May you please help? 

 

Thank you

 

www.chicandvintage.store

Capture.PNG

 

Accepted Solutions (2)

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@chicandvintage 

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

.template-index a.btn {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

 

This should work for home page buttons only.

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Webunity
Shopify Partner
36 4 5

This is an accepted solution.

Hello

Follow below Step  and add Css

Step 1: Go to your shopify store admin

Step 2: Click on online store

Step 3: Click on Actions and edit code

Step 4: Find theme.css file

Step 5: https://prnt.sc/xyr7i4 add CSS on bottom of file

#shopify-section-1612163569b20d1fd1 .hero__btn {
background: #fff;
color: #000;
border: 1px solid #000;
}

Step 6: https://prnt.sc/xyr7i4 add CSS on bottom of file

#shopify-section-collection .btn{

background: #fff;
color: #000;
border: 1px solid #000;

}

 

Step 7: Click on Save.

You need to custom/private shopify app or any customize in theme then hire me.
If helpful then please Like and Accept Solution.
Email: webunityinfotech@gmail.com
Skype: ravi.kathiriya1

View solution in original post

Replies 3 (3)

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@chicandvintage 

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

.template-index a.btn {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

 

This should work for home page buttons only.

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Webunity
Shopify Partner
36 4 5

This is an accepted solution.

Hello

Follow below Step  and add Css

Step 1: Go to your shopify store admin

Step 2: Click on online store

Step 3: Click on Actions and edit code

Step 4: Find theme.css file

Step 5: https://prnt.sc/xyr7i4 add CSS on bottom of file

#shopify-section-1612163569b20d1fd1 .hero__btn {
background: #fff;
color: #000;
border: 1px solid #000;
}

Step 6: https://prnt.sc/xyr7i4 add CSS on bottom of file

#shopify-section-collection .btn{

background: #fff;
color: #000;
border: 1px solid #000;

}

 

Step 7: Click on Save.

You need to custom/private shopify app or any customize in theme then hire me.
If helpful then please Like and Accept Solution.
Email: webunityinfotech@gmail.com
Skype: ravi.kathiriya1
chicandvintage
Excursionist
45 1 19

Thank you so much for your help!