Changing the radio button color

  • Resolved tipsyhues

    (@tipsyhues)


    1 month, 2 weeks ago

    How can I change the hover text color and the clicked button color from the default blue?

    See the linked page, it’s the very last field on the form, right before the submit button.

    • This topic was modified 1 month, 2 weeks ago by tipsyhues.
    • This topic was modified 1 month, 2 weeks ago by tipsyhues. Reason: add info; correct typo

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Amimul Ihsan Mahdi

    (@amimulihsanmahdi)

    1 month, 2 weeks ago

    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

    Thread Starter tipsyhues

    (@tipsyhues)

    1 month, 2 weeks ago

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

    Plugin Support Amimul Ihsan Mahdi

    (@amimulihsanmahdi)

    1 month, 2 weeks ago

    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

    Thread Starter tipsyhues

    (@tipsyhues)

    1 month, 2 weeks ago

    @amimulihsanmahdi that worked, thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Tags