https://legacy.forums.gravityhelp.com/topic/css-and-woothemes-canvas-theme Gravity Support Forums Topic: CSS and WooThemes' Canvas theme en-US Mon, 20 Apr 2026 08:04:03 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-and-woothemes-canvas-theme#post-12157 Fri, 05 Nov 2010 13:16:36 +0000 Robert-UK 12157@https://legacy.forums.gravityhelp.com/ <p>Richard, thanks for posting this code. I was having the same issue with a WooTheme </p> https://legacy.forums.gravityhelp.com/topic/css-and-woothemes-canvas-theme#post-11963 Tue, 02 Nov 2010 16:00:22 +0000 RichardBest 11963@https://legacy.forums.gravityhelp.com/ <p>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. </p> https://legacy.forums.gravityhelp.com/topic/css-and-woothemes-canvas-theme#post-11927 Tue, 02 Nov 2010 09:59:08 +0000 Kevin Flahaut 11927@https://legacy.forums.gravityhelp.com/ <p>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. </p> https://legacy.forums.gravityhelp.com/topic/css-and-woothemes-canvas-theme#post-11925 Tue, 02 Nov 2010 04:49:53 +0000 RichardBest 11925@https://legacy.forums.gravityhelp.com/ <p>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:</p> <pre><code>.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; }</code></pre> <p>My checkboxes are still indented by a mile though. Am working on that; no luck so far... </p> https://legacy.forums.gravityhelp.com/topic/css-and-woothemes-canvas-theme#post-11923 Tue, 02 Nov 2010 04:24:08 +0000 RichardBest 11923@https://legacy.forums.gravityhelp.com/ <p>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. </p> <p>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.</p> <p>Many thanks in advance.<br /> Richard</p> <p>P.S. This image shows you what I mean: <a href="http://grab.by/7bhR" rel="nofollow">http://grab.by/7bhR</a> </p>