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 Cut Off

  1. Hi. I know there are several questions on this topic, but I don't know how to fix this in my particular theme. Can anyone suggest how to change this:

    http://acgcolor.com/newwebsite/?page_id=25

    thanks
    Melody

    Posted 12 years ago on Thursday December 13, 2012 | Permalink
  2. Which edge of the button is cut off, and in which browser? The radio buttons looked fine to me in Firefox and IE.

    Posted 12 years ago on Thursday December 13, 2012 | Permalink
  3. cwd
    Member

    It's is the left side and it happens in Google Chrome

    http://img259.imageshack.us/img259/4302/screenshot20121213at104.png

    I fixed it in my theme by adding this to my site's css - although I really do think that this is a problem with gravity forms as the problem even happens in the admin interface - even without other plugins activated and the default wordpress theme.

    .gform_wrapper	.gfield_radio li input[type=radio]
    	{
    		margin-left:2px;
    	}
    Posted 12 years ago on Friday December 14, 2012 | Permalink
  4. finddarkpoet
    Member

    It happens to quite a few different themes that I'm using. And they all look exactly like the ones in your pictures.

    I modified line 366 in the plugin's form.css, changed width: auto !important

    to

    .gform_wrapper ul.gfield_radio li input[type=radio] {
    	width: 16px !important
    }
    Posted 11 years ago on Sunday March 10, 2013 | Permalink
  5. @finddarkpoet, you will have to maintain that change going forward when you update Gravity Forms. We don't recommend modifying the plugin files for that reason, since the changes will be lost on upgrade.

    Posted 11 years ago on Wednesday March 13, 2013 | Permalink

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