Is there a way to change the color of radio buttons?

  • Resolved Michael

    (@micnet)


    8 months, 2 weeks ago

    The form is on a page with a black background. I had to change the entire field background to grey so the radio buttons are visible. How can I make the radio buttons show a white dot instead of black upon selection?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author EDGARROJAS

    (@edgarrojas)

    8 months, 2 weeks ago

    You can change the radio dot with an style like this:

    .option_item input{
    accent-color:red !important;
    }

    Regards!

    Thread Starter Michael

    (@micnet)

    8 months, 2 weeks ago

    Unfortunately that did not work. I put the code in the global Style setting for the form.

    .rnradio.rnField{}
    .rnradio .option_item label{color:#ffffff !important;}
    .rnradio .option_item input{accent-color:white !important;}

    I tried it with and without .rnradio

    Plugin Author EDGARROJAS

    (@edgarrojas)

    8 months, 2 weeks ago

    Hello!

    In the latest release this is now configurable in the styles tab.

    Regards!

    Thread Starter Michael

    (@micnet)

    8 months, 1 week ago

    Edgar,

    What am I missing? Here is the style info:

    .rnradio.rnField{}
.rnradio .option_item label{color:#ffffff !important;}
.rnradio .option_item input{accent-color:white !important;}
.option_item input{accent-color:white !important;}

    The radio buttons are still black. Version 1.2.143

    https://3dscanstl.com/3d-printing-services-st-louis/

    Thank you

    Thread Starter Michael

    (@micnet)

    8 months, 1 week ago

    In the field settings, I changed Selected item color to be white as well. Still no luck 😕

    Plugin Author EDGARROJAS

    (@edgarrojas)

    8 months, 1 week ago

    Oh it is not working because your theme is overwritting the standard checkbox and radio buttons and is using their own. Unfortunately since that is the case the plugin can’t style them so please contact the theme author and ask them how to change the color or how can they be disabled so your site uses the standard ones which the plugin can style.

    Regards!

    • This reply was modified 8 months, 1 week ago by EDGARROJAS.
    Thread Starter Michael

    (@micnet)

    8 months, 1 week ago

    Ok, thank you. I’m using Printo. I’ve tried adding the styling to the additional css section of the theme, but that did not have any effect. I’m still looking for “radio” in all of the theme files.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Is there a way to change the color of radio buttons?’ is closed to new replies.