Make the add to cart button solid and with color

[HimmelskMyk]

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

[BSSCommerce-HDL]

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 </head> tag: 

<style>
.product-form__submit:after {
    box-shadow: none !important;
}
.product-form__submit {
    background-color: #815355 !important;
}
</style>

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😍

[HimmelskMyk]

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

[BSS-TekLabs]

- 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.

[HimmelskMyk]

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

[BSS-TekLabs]

.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.

[oscprofessional]

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 </body> tag

<style>

.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));

}

 </style>