Change buy button and highlighted buttons color

Store Design
1

I would like to change the buy button and highlighted buttons to theme color.

You can see in the picture. The ones in the red rectangles.

Can anyone help please?

Screenshot 2566-06-28 at 10.58.30.png
Screenshot 2566-06-28 at 10.58.30.png2670×1412 402 KB

2

@everbeachvibe

Please share your store URL and a screenshot of what you want also share the button color code.

Thanks!

3

Hi, I already put a screenshot with the hightlighted buttons that I want to change.

Store url is https://mermaid-me.com/products/luxury-glow-in-the-dark-mermaid-necklaces-glowing-hollow-pearl-cage-pendant-chains-for-women-fashion-luminous-jewelry-1

Color code I want is#41CAA8

4

@everbeachvibe

Please add the following CSS code to your assets/section-main-product.css bottom of the file.

.product-form__input input[type=radio]:checked+label {
    background-color: #41CAA8 !important;
    border-color: #41CAA8 !important;
}

Thanks!

1 Like
5

Thank you so much. That works perfectly. However in the shopify editor it shows a new color but when I go to the live URL, the buy now button with the new theme color doesn’t show. Instead it shows a different color. Can you explain?

Screenshot 2566-06-28 at 12.20.39.png
Screenshot 2566-06-28 at 12.20.39.png2670×1412 342 KB

Screenshot 2566-06-28 at 12.20.49.png
Screenshot 2566-06-28 at 12.20.49.png2670×1412 261 KB

6

@everbeachvibe

Please add the following CSS code to your assets/base.css bottom of the file.

.shopify-cleanslate .h7OYsWHrW5495r9beh2n {
    background-color: #41CAA8 !important;
    border-color: #41CAA8 !important;
}

Thanks!

1 Like
7

@everbeachvibe

Unfortunately, it is not possible to customize the PayPal Express Checkout button. The button is core-based, meaning it can’t be changed even by Shopify. Shopify is not able to adjust as it would affect their agreement with PayPal in regard to brand awareness/recognition.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

1 Like
8

@everbeachvibe

Thanks, and Welcome again!

1 Like
9

I found a solution. The button was a dynamic button. I just changed it in the editor. Everything works now. Thank you so much.