New Shopify Certification now available: Liquid Storefronts for Theme Developers

Changing the color of the "Add to Cart" button using Dawn Theme

FunkoBros
Tourist
11 0 7

The website is FunkoBros.com, and I am looking to change the button color of the "Add to Cart" button to #244ee2.  Oddly enough, that is the color that is set in the Theme's settings, but it is instead displaying the Outlined Buttons on the site, and I don't know why....

Replies 3 (3)
suyash1
Shopify Partner
8695 1068 1411

@FunkoBros - add this css to the very end of your base.css file and check

 

.quick-add__submit {background-color: #244ee2;    color: #fff;}

 

suyash1_0-1699377934850.png

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

Support me 🙂
Made4uo-Ribe
Shopify Partner
4235 979 1193

Hi @FunkoBros 

Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.quick-add__submit { 
    background:#244ee2;
    color: white;
    }

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1699383554133.png
  • Do you like only in the collection in homepage? Not include the product page?

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


FunkoBros
Tourist
11 0 7

It doesn’t matter what page of the site it is, I ALWAYS want the “Add To Cart” to be blue (#244EE2)….

 

so, does that CSS need to be placed anywhere else?