Radio button glitch

  • Resolved RenderWarrior

    (@web4people)


    3 months, 3 weeks ago

    Hello,

    I just created a form with MetForm, on an Elementor Page.

    I noticed the radio button, when checked, shows F192. It seems a checked icon on fontawesome.

    How can I fix it?

    Thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter RenderWarrior

    (@web4people)

    I think I found the reason, but I don’t know if it’s something with my theme or inside the plugin.

    It seems a backslash is missing from the css…

    So i fixed it by applying a new css rule… is it a possible bug within your code?

    Plugin Support Reedwanul Haque

    (@reedwanul)

    Dear @web4people,

    Thanks for reaching out to us.

    I understand your concern and would like to inform you that this issue is occurring due to a third party theme or plugin conflict. Our default CSS codes may be overridden by other theme or plugin CSS. This is not a bug in our plugin. We can fix this by increasing the priority of our CSS codes. Below, I am sharing the CSS codes that you need to add to Appearance > Customize > Additional CSS.

    .mf-radio-option input[type="radio"]:checked + span:before{
    	content: "\f192" !important;
    }

    After including these codes, your issue should be resolved. I hope this clarifies the topic. Feel free to let me know if you have any other questions or need further clarification.

    Best Regards,
    Reju

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