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.

Not all my radio buttons are showing up

  1. mrpiano

    Hi there,

    I created a form with a section that contains 5 radio buttons. Once published, only 3 appear. Previewing the form shows the correct amount.

    Also would love to solve the CSS issue where the radio buttons appear. Wondering if it's a CSS issue of spacing for the 2 radio buttons that aren't showing up?

    Thanks in advance. Nice product!

    Posted 13 years ago on Tuesday October 5, 2010 | Permalink
  2. Looking at your markup, there are only 4 radio buttons. The top one is hidden because of an "overflow:hidden" rule in your custom.css on line 22 . When I disable that, the inputs/labels are staggered oddly because the radio inputs are inheriting a bottom margin from line 100 of your style.css file. If I disable that, the radio buttons look normal.


    You'll probably want to remove the overflow rule and then override or remove the blanket bottom margin rule for the inputs.

    Posted 13 years ago on Tuesday October 5, 2010 | Permalink
  3. mrpiano

    Ok, Kevin, so lots of good info there...

    For starters, I'm using the Woothemes Canvas theme, and I was getting some funky radio buttons in the first place (with no custom styles added), so the guys over at Woo started giving me some custom CSS, including the overflow: hidden that you mentioned.

    So it sounds like I need to tweak 2 stylesheets:

    Remove a rule from custom.css
    and remove a bottom margin rule from line 100 of style.css


    Hopefully, that will solve both the layout problem as well as the programmatic problem.

    I shall give it a go and let you know how it ends up.

    Thank for the tips.


    Posted 13 years ago on Tuesday October 5, 2010 | Permalink