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.

CSS and WooThemes' Canvas theme

  1. 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 8 years ago on Tuesday November 2, 2010 | Permalink
  2. 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 8 years ago on Tuesday November 2, 2010 | Permalink
  3. 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 8 years ago on Tuesday November 2, 2010 | Permalink
  4. 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 8 years ago on Tuesday November 2, 2010 | Permalink
  5. Robert-UK
    Member

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

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