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.

Format Checkbox or multiple choice

  1. Hi Guys,

    I need some help aligning text in a check-box or multiple choice

    It now looks like this.
    http://careerjourney.co.uk/wp-content/uploads/2011/04/Screen-shot-2011-04-11-at-18.22.21.png
    I like it all nicely bullet-pointed below each-other.

    Any idea if this is possible and if so how?

    Thank you

    Posted 13 years ago on Monday April 11, 2011 | Permalink
  2. We would need a link to a page containing the form so we can inspect the markup, we can't do so from the screenshot because we can't inspect the markup and CSS to see what you need to do.

    Posted 13 years ago on Monday April 11, 2011 | Permalink
  3. Hi Carl

    Made a test page so you can see the format

    http://careerjourney.co.uk/gravity-form-test-page/

    Let me know if you need anything else.

    Posted 13 years ago on Monday April 11, 2011 | Permalink
  4. The problem is that the thesis theme sets a 40% width on all inputs. Checkboxes and radio buttons are inputs so they inherit from the blanket rule. Try adding this to your custom CSS

    [css]
    body .gform_wrapper input[type=checkbox],
    body .gform_wrapper input[type=radio] {
    width:auto!important
    }
    Posted 13 years ago on Monday April 11, 2011 | Permalink
  5. Thanks Kevin,

    Its a bit better but cant get each bullet point on a new line. Any other suggestions?

    Posted 13 years ago on Monday April 11, 2011 | Permalink
  6. The bullet points are actually characters in your label content. You probably copied that from somewhere and those copied with it. Edit your labels and remove those characters.

    screenshot: http://d.pr/v7TB

    Posted 13 years ago on Monday April 11, 2011 | Permalink