Make the add to cart button solid and with color

Hi,

I want to make the add to cart button solid and the same as the buy now button.

I want it this color 815355 with white text, if someone could help me with this I would appreciate it!

Please keep it as simple as possible as I am not good with coding!

Thanks

1 Like

Hi @HimmelskMyk ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


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 :heart_eyes:

  • Here is the solution for you @HimmelskMyk
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.product-form__submit {
    background: #815355 !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hello
Please add the following css

  1. Go to Online Store

  2. Edit Code

  3. open theme.liquid file and add the code in the bottom of the file before tag

.product-form__submit { background: #815355; color: #fff; } .product-form__submit.button:after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) #815355, 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background)); }

Can you make it so the text is always white and the outline of the box is this color #815355, thanks

1 Like

Can you make it so the text is always white and the outline of the box is this color #815355, thanks

.product-form__submit {
    background: #815355 !important;
}
.button--secondary:after {
    --border-opacity: none !important
    box-shadow: none !important
    border: 1px solid #815355 !important
}

Can you try this code @HimmelskMyk

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.