How to change the color and thicken the border of the "Add to cart" button?

Solved

How to change the color and thicken the border of the "Add to cart" button?

tipitea
Tourist
15 0 11

I want the border of the "Add to cart" button to be thicker and change the color to attract customers' attention.

Help me, https://www.tipiteastore.com/products/tipi-pot%E2%84%A2-magic-pot

 

adtocard.png

 

 

Accepted Solutions (2)

Sangeetanahar
Explorer
541 36 69

This is an accepted solution.

hello @tipitea 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----base.css...> add the code end of the file

 
 button#ProductSubmitButton-template--15810886140022__main {
    border: 2px solid rgb(98 145 4);
}
button#ProductSubmitButton-template--15810886140022__main span {

    color: rgb(98 145 4);
}

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

View solution in original post

GTLOfficial
Shopify Partner
554 120 109

This is an accepted solution.

Hello @tipitea 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

#ProductSubmitButton-template--15810886140022__main {
border: 2px solid #669803;
color: #669803 !important;
}

result
15.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: [email protected] - Skype: ritesh_27dh

View solution in original post

Replies 2 (2)

Sangeetanahar
Explorer
541 36 69

This is an accepted solution.

hello @tipitea 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----base.css...> add the code end of the file

 
 button#ProductSubmitButton-template--15810886140022__main {
    border: 2px solid rgb(98 145 4);
}
button#ProductSubmitButton-template--15810886140022__main span {

    color: rgb(98 145 4);
}

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

GTLOfficial
Shopify Partner
554 120 109

This is an accepted solution.

Hello @tipitea 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

#ProductSubmitButton-template--15810886140022__main {
border: 2px solid #669803;
color: #669803 !important;
}

result
15.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: [email protected] - Skype: ritesh_27dh