FROM CACHE - en_header

Dawn theme: Change the color of the add to cart button

Solved
JHanson
Tourist
6 0 2

The add to cart button is default White with a black border and black text.

 

I would like to change it to BLACK with white text.

 

How can I do that in the code?

 

Thank you!

Accepted Solution (1)

Accepted Solutions
Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @JHanson 


please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

.product-form__submit {
    background: #000000 !important;
    color: #ffffff !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

Replies 12 (12)
KetanKumar
Shopify Partner
33435 3352 11062

@JHanson 

Sorry you are facing this issue, it would be my pleasure to help you.

 

Welcome to the Shopify community!😊

Thanks for your good question.

 

Please share your site URL,

I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JHanson
Tourist
6 0 2
Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @JHanson 


please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

.product-form__submit {
    background: #000000 !important;
    color: #ffffff !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
dmwwebartisan
Shopify Partner
10736 2343 3336

@JHanson 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

.product-form__submit {
    background: #000000 !important;
    color: #ffffff !important;
}

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 →
yass9898
Tourist
4 0 1

hi friend, do you know how to change cart icon style on dawn theme? Thank you

KetanKumar
Shopify Partner
33435 3352 11062

@yass9898 

yes please share the store url and what do you need?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
yass9898
Tourist
4 0 1

hi dear, I currently have no active stores, but I wanted to know if you knew how to change the style of the icon of the new shopify dawn theme , I do not like the icon of the cart that is there now and I would like to replace it with another style, the classic one with the cart or other is fine too

Rosierose
Tourist
10 0 3

this is brilliant and worked so well. any chance you have similar advice for the Buy Now button?

KetanKumar
Shopify Partner
33435 3352 11062

@Rosierose 

can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zamanhasanov96
Excursionist
94 1 8

65FF45B7-074B-492B-A795-9BEE9A440826.png

Thank You. It is work. But ı can not change border color  I use dawn thema. My add to cart button border color did not changed. How ı resolve this problem? It is be black how remove or change to white color?

KetanKumar
Shopify Partner
33435 3352 11062

@zamanhasanov96 

sorry where is your store url?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Rocío
New Member
1 0 0

I did it!! Thank you!!