Dawn Theme - Cart Page | Collection Page | Check-Out Page Buttons

[remoh123]

Hi, I’m using dawn theme and I want to make all the buttons look like the one with orange button. How can I do it?

Thanks

[remoh123]

ok will contact you through email. thanks

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[ThePrimeWeb]

Hey @remoh123

Can you share the link to your store please? Thanks!

[remoh123]

https://89dd9e-27.myshopify.com/

[remoh123]

https://89dd9e-27.myshopify.com/

pw: Brinnova10950!

[ThePrimeWeb]

Hey @remoh123 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product-form__submit {
background: #fc4000;
color: #fff;
border: none;
}
.quick-add__submit {
background: #fc4000;
color: #fff;
border: none;
}
button::before {.button:
before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before, .shopify-payment-button [role=button]:before, .cart__dynamic-checkout-buttons [role=button]:before;
box-shadow: none!IMPORTANT;
border: navajowhite;
}
.button--secondary:after {
box-shadow: none!important;
}

[remoh123]

Thank you so much this helped me. Lastly, I also wanted to change the button background of the check-out button on cart page to orange.

[remoh123]

Thank you so much this helped me. Lastly, I also wanted to change the button background of the check-out button on cart page to orange.

[ZestardTech]

Hi @remoh123

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.cart__ctas button::after {
box-shadow: none!important;
}
.cart__ctas button {
background: #fc4000;
color: #fff;
border: none;
}

#cart-notification-button {
background: #fc4000;
border: none;
color:#fff;
}
#cart-notification-button::before {
box-shadow: none!important;
}

button.button.button--primary.button--full-width {
background: #fc4000;
}

button.button.button--primary.button--full-width::after {
box-shadow: none!important;
}

[remoh123]

It worked. Super thanks @ZestardTech

[ZestardTech]

Hi @remoh123

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful then please Like and Accept Solution.

[remoh123]

Hi @ZestardTech I would also like to change in mobile view. How can I do this pls?. Thank you

[ZestardTech]

Hi @remoh123

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.quick-add__submit {
background: #fc4000;
color: #fff;
border: none;
box-shadow: none;
}
.button--secondary:after {
box-shadow: none;
}
.quick-add__submit::before {
box-shadow: none;
}

[remoh123]

hi @ZestardTech tried to add these codes but nothing happens on mobile view.

[ZestardTech]

Hi @remoh123

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find layout > theme.liquid and paste this at the bottom of the file:

[remoh123]

Hi @ZestardTech it worked. Thanks again. Marked as solution.

[ZestardTech]

Hi @remoh123

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful then please Like and Accept Solution.