How can I edit the Cart Button color in the Motion Theme?

Store Design
1

Hello community! Im trying to change the color of the Cart Button and successfully change it to black by editing code but the letters remaining also black . When I go CUSTOMIZE - THEME SETTINGS - TEXT COLOR I can change it to white but also the HEADLINES,SUBLINES change to White . I dont Know what to do ,any help is appreciated.

2

Hi Everydayheroess

Will either need to add some custom css either in your theme.css file or custom.css file.

Or you can add a inline style tag to the button.

something like

<button style=“color: white; background-color: black;”>Button Text here

If you would like more help please send me a DM or email.

3

Hello @everydayheroess ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

4

https://everydayheroes-store.com/

5

@everydayheroess , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.payment-buttons > [id*='AddToCart']{
    color: #fff !important;
    background-color: #000 !important;
    font-family: var(--typeBasePrimary),var(--typeBaseFallback) !important;
}

#fff = hex text color
#000 = background color

Kind regards,
Diego

1 Like
6

I made it thank you so much for your help !!!

Can you please advise me about the large gaps between the sections in the front page ? I believe the gaps is too long as scroll from a mobile .I want pictures came closer. Is that possible?

1 Like