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.

Checkbox field label alignment issues

Gravity Support Forums » Plugin Support » Gravity Forms

  1. MysticalMatt517
    Member

    I'm having issues getting my checkbox label to appear beside the checkbox. It keeps appearing below it. Any suggestions?

    http://www.shizzledizzlemagic.com/school-assembly-programs/post-assembly-satisfaction-checkup/

    Posted 12 years ago on Sunday February 5, 2012 | Permalink

  2. Richard Vav
    Administrator

    The problem is being caused by the width you set on the following css rule you placed in your themes style.css

    [css]
.gravityform-singlecol input, .gravityform-singlecol textarea {
	width: 600px;
	border-width: 2px;
	border-color: #cccccc;
	border-style: solid;
	margin-bottom: 20px;
}

    You need to modify that rule so it is more targeted on only the text inputs by modifying it to something like this

    [css]
.gravityform-singlecol input[type="text"], .gravityform-singlecol textarea {
    Posted 12 years ago on Sunday February 5, 2012 | Permalink

  3. MysticalMatt517
    Member

    That did it! Thanks... I wasn't thinking about the fact that the width would apply to the checkboxes too... Doh!

    Thanks for wading through my um... "interesting" css code... ;-)

    Posted 12 years ago on Sunday February 5, 2012 | Permalink

  4. Richard Vav
    Administrator

    No problem, I used google chromes developer tools, so no wading was necessary. Click on an object on the page such as your checkboxes and the styles panel shows you all the css rules that are controlling that objects appearance. It's much quicker than manually searching through css files and you can test out live css changes without it affecting the actual stylesheet.

    Posted 12 years ago on Sunday February 5, 2012 | Permalink

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