Changing the radio button color

Hi there,

You can styles the form fields using custom CSS, here is the documentation that you can follow. Also, if you are using the pro version, you can use the form styler in Fluent Forms; here is the documentation.

Thank you

@amimulihsanmahdi that article says how to change some things, but not the radio field when set to button display.

Hi there,

I have shared the documentation so that you can add your own CSS to styles. Please use the below CSS and change your own color:

#fluentform_3 .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    background-color: green;
    border-color: green;
}
#fluentform_3 .ff-el-input--content .ff-el-form-check-label span:hover {
    background-color: red;
    color: white;
    border-color: red;
}

This will change the selected button background color and hover color as shown in the screenshot.

Thank you

@amimulihsanmahdi that worked, thank you!