How to change Featured Product color and text? (Dawn theme)

[thesheaparlor]

How can i make the "add to cart" the same color as the "View All" button . I also want it to say "Add to Bag" instead of "Add to cart"

[BSSCommerce-HDL]

Hi @thesheaparlor , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[thesheaparlor]

Here is my preview link: https://ycsv733p20dsfgvg-26704248912.shopifypreview.com

Thank You!

[BSSCommerce-HDL · Accepted solution]

Hi @thesheaparlor, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before </head> tag:

<style>
.quick-add__submit {
    background-color: #e77e93 !important;
    color: #ffff;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[thesheaparlor]

YES! That worked thank you so much. You are the first person who's ever sent a screenshot of what the result should look like, i appreciate it! 🙂 Can I ask you more questions here or should I message you privately? I wanted to change the spacing of some stuff on my page as well as fixing my images that are too large in desktop mode. Thank you! 

[BSSCommerce-HDL]

@thesheaparlor, No problem. Can you kindly share the details of your problem (screenshot) with us?

[thesheaparlor]

Yes, my first problem is that the mobile layout is fine, but in desktop mode, the images are way too big and do not adapt to desktop correctly.  Here is my preview link: https://1hyf20wssoxuzngz-26704248912.shopifypreview.com

[Tech_Coding]

Hello @thesheaparlor 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   product-form .quick-add__submit {
      background: #e48092 !important;
      color: #fff !important;
   }
   product-form button.quick-add__submit span:after {
       visibility: visible;
       content: 'Add to Bag';
        display: block;
        top: 15px;
        position: absolute;
   }
   product-form button.quick-add__submit span {
      visibility: hidden !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[suyash1]

@thesheaparlor  can you please share this page link? also, please go to 

Online Store > Themes > in the current theme, click "..." > Edit default theme content

and go to product tab to check if you have add to cart text, you can change it from there

[thesheaparlor]

Here is my preview link: https://ycsv733p20dsfgvg-26704248912.shopifypreview.com

[suyash1]

@thesheaparlor   - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.quick-add__submit {background: #e48092 !important; color: #fff !important;}