Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Change button colour

Change button colour

bmlasertools
Visitor
1 0 1

This is the page: https://bmlasertools.com/products/co2-laser-focus-lens微信图片_20241022162716.png

I would like to change the colour of this button to #1A3636

Replies 3 (3)

Moeed
Shopify Partner
6006 1630 1943

Hey @bmlasertools 

 

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>
.product-form__input--pill input[type=radio]:checked+label {
    background: #1A3636 !important;
}
</style>

RESULT:

Moeed_0-1729586412179.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Bundler-Manuel
Explorer
283 20 35

Hey there @bmlasertools if you’d like a practical look at how to do this, I recommend giving this video a look https://m.youtube.com/watch?v=npbM1UmMt4o 

Let me know if this helps you out!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

Made4uo-Ribe
Shopify Partner
8882 2124 2610

Hi @bmlasertools 

Only this pills or also the Quantity? 

Try this one.

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

variant-selects .product-form__input--pill input[type=radio]:checked+label {
    background-color: #1A3636;
}

 

  • And Save.
  • And if its only this not include the quantity use this code instead. 

 

fieldset:nth-child(1) input[type=radio]:checked + label {
    background-color: #1A3636;
}

 

  • And Save. 
  • Result:
    Made4uoRibe_0-1729591384654.pngMade4uoRibe_1-1729591413138.png

     

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.