Changing button color from black to brown

Store Design
1

I am using Shopify -Hyper theme. I want the change the color of buttons. Please see the attached image. Can someone please guide me ?

Black Buttons on Shopify
Black Buttons on Shopify1902×1105 292 KB

2

Hey @SurTri

Just for clarification, which button are you referring to? The add to cart button or the Buy Now button?

3

Buy Now button
I am referring to Buy Now button and variation button.

4

Hey @SurTri

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.shopify-payment-button__button {
    background: saddlebrown !important;
}
.product-form__input--button input[type=radio]:checked+label {
    background: saddlebrown !important;
    border: saddlebrown !important;
}
</style>

RESULT:

image
image1658×907 224 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

5

Thanks for the solution. However , due to some reason, my Vaiation button has changed but not the Buy Now button.

Black Buttons on Shopify
Black Buttons on Shopify1246×902 199 KB

6

Just FYI… I was able to change colors from theme setting. Thanks anyways

7

Hi @SurTri,

I’m Zuri from Hyper Success team. :wink:

We’d be happy to help with any theme-related questions you have. Please feel free to reach out to us directly via our support page at https://foxecom.com/pages/contact-us, and we’ll assist you in making the most of your theme.

Thanks!