mrpiano
Member
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.
Ginoguarnere.com/contact
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!
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.
mrpiano
Member
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
Correct?
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.
G
