CSS and WooThemes' Canvas theme « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

RichardBest
Member

Hi All - I'm trialling WooThemes' Canvas theme for a site but have encountered a CSS forms issue. The CSS for Canvas is set up in such a way that form field titles/questions appear on the left of the field, with the field box itself on the right. That's fine for a title/question of small length, but in a complex form with long titles/questions, the form looks, well, horrible.

Has anyone tried changing the CSS for Canvas, by any chance, so the field titles/questions appear above the field boxes, as is 'normally' the case? If so, I'd love to hear from you please.

Many thanks in advance.
Richard

P.S. This image shows you what I mean: http://grab.by/7bhR

Posted 14 years ago on Tuesday November 2, 2010 | Permalink
RichardBest
Member
After posting this, I used my thick skull and took a look at the WooThemes forums. I've found most of the CSS I need to fix the problems (which you add to custom.css in the Canvas themes folder). In case others need it, here it is:
```
.gform_wrapper .top_label .gfield_label {
width:100%;
}

#recaptcha_area, #recaptcha_table {
float:left;
}

.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
overflow: hidden;
}

.gform_wrapper ul.gfield_radio {
margin-left: 0px !important;
}

.gform_wrapper .top_label .gfield_label {
float:none;
}
```
My checkboxes are still indented by a mile though. Am working on that; no luck so far...
Posted 14 years ago on Tuesday November 2, 2010 | Permalink
Kevin Flahaut
Administrator

Hey Richard, do you have a URL you could share? I'll be happy to look at the checkbox issue for you if so. I'm not that familiar with the Canvas theme so can't really say what it is without seeing it.

Posted 14 years ago on Tuesday November 2, 2010 | Permalink
RichardBest
Member

Thanks Kevin. That'd be great. I'll email you a logon if that's OK, as the site is behind password protection right now. Cheers. Richard.

Posted 14 years ago on Tuesday November 2, 2010 | Permalink
Robert-UK
Member

Richard, thanks for posting this code. I was having the same issue with a WooTheme

Posted 14 years ago on Friday November 5, 2010 | Permalink