Change ReCharge Radio Button Colour

159 0 45

Hey guys,


How can we change the colour of the circle radio button inside the ReCharge widget?


At the moment its a dark blue but would like to change it to our light blue colour. 


I've tried loads of CSS but can't get it to change.


Example product:





Screenshot 2022-10-03 at 22.30.39.png

Reply 1 (1)
Shopify Partner
6946 1439 2677

Hi @George_Greenhil

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> theme–async.css  paste the below code at the bottom of the file.

.rc-radio input:checked{

filter: invert(0%) hue-rotate(

0deg) brightness(1.6) !important;



you can change the brightness(number) to choose other colors as you like. for example 1.6, 1.6, 1.9, 2 ...



Best Regards;



Please let me know if it works by giving it a like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7. 

Let’s create a unique website design with PageFly for free now!