PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Radio Buttons Not Showing Full Circle

  1. Hello,

    When integrating my Gravity Form into my website, the radio buttons are not showing up as a full circle. Part of the circle is cut off. Is there something I need to edit to correct this?

    Here's my example...
    http://oi39.tinypic.com/fy0gtj.jpg

    Thanks,
    Kyle

    Posted 10 years ago on Thursday June 13, 2013 | Permalink
  2. David Peralty

    Please link to the live form so our CSS experts can help you with the issue at hand.

    Posted 10 years ago on Thursday June 13, 2013 | Permalink
  3. This is my first time on the forums. I don't know how to do what you said.

    Posted 10 years ago on Thursday June 13, 2013 | Permalink
  4. Richard Vav
    Administrator

    copy the url (web address) to the page containing the form you are having a problem with and paste it in your reply, just like you did with the screenshot link

    Posted 10 years ago on Thursday June 13, 2013 | Permalink
  5. I am having the same issue... here is an example... http://www.preludepeople.com/start-a-search/

    Posted 10 years ago on Thursday June 27, 2013 | Permalink
  6. Richard Vav
    Administrator

    @preludepeople did you resolve this as when I checked your page in the latest Windows versions of Chrome, Firefox and IE the radio buttons all looked correct to me.

    Posted 10 years ago on Friday June 28, 2013 | Permalink
  7. No, it is not resolved. I am looking at this on latest version of chrome and safari on Mac. Although the radio buttons do appear correctly on the lastest version of firefox on mac.

    Posted 10 years ago on Friday June 28, 2013 | Permalink
  8. Try this out:

    Just place in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level).

    [css]
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] {
    margin-left: 1px;
    }

    screenshot

    Posted 10 years ago on Friday June 28, 2013 | Permalink
  9. It fixed the issue... Thanks!!

    Posted 10 years ago on Saturday June 29, 2013 | Permalink

This topic has been resolved and has been closed to new replies.