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.

Thesis Theme Checkbox Alignment issues

  1. sxmungall
    Member

    Hello again guys!

    I know this issue is caused by the Thesis Theme and not Gravity forms but I was wondering if anyone could help.

    http://i48.tinypic.com/mi0xzp.jpg

    If you look at the picture, you'll see I'm having some issues with the alignment of the radio buttons and my submit button’s background. Any idea how I can sort this out? I'm running Thesis 1.6. I probably need to add some code in custom.css but not sure what exactly. Many thanks in advance.

    Posted 9 years ago on Monday December 28, 2009 | Permalink
  2. Can you post an address to an actual form so we can take a look at it and provide you with some CSS that should fix the alignment?

    Posted 9 years ago on Monday December 28, 2009 | Permalink
  3. sxmungall
    Member

    I have posted a link via priority support as this is a client’s site.

    Posted 9 years ago on Tuesday December 29, 2009 | Permalink
  4. Just received it, we will check it out and get a response to you soon.

    Posted 9 years ago on Tuesday December 29, 2009 | Permalink
  5. I replied to @sxmungall via email, but will post here for reference as well.

    line 222 of stylesheet at
    http://www.bad-credit-people.info/wp-content/themes/thesis_16/custom/layout.css
    inheriting width:45% (which is applied to all inputs)

    line 45 of stylesheet at
    http://www.bad-credit-people.info/wp-content/themes/thesis_16/style.css
    inheriting border-style: solid (which is applied to all inputs, including buttons)

    Try adding this to the very end of your theme stylesheet (not the forms.css in the gravity forms folder) to override these inherited values..

    ul.gfield_radio li input {width:5%!important}
    .gform_footer input[type=image] {border:none!important; border-color:none!important; background-color:none!important}

    my test using these added styles

    screenshot

    Posted 9 years ago on Tuesday December 29, 2009 | Permalink
  6. Thanks, this help me with the exact problem!

    Posted 9 years ago on Sunday February 28, 2010 | Permalink

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