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 Class Name for HTML Block in Gravity Forms v1.5 RC3.10

  1. Testing the Gravity Forms v1.5 RC3.10 here: http://hot-pink.net/contact-me/

    I'm using the gf_left_half & gf_right_half but I can't put the HTML Block (which contains the image) on the right as it doesn't have a CSS Class Name field.

    Any ideas on how to fix this?

    I realise that this can be done via the WordPress page, but I would like to do it via the form if possible.

    Thanks inadvance

    Posted 13 years ago on Thursday January 27, 2011 | Permalink
  2. You can just copy the "right_half" styles from the stylesheet and apply them to the HTML block using it's unique ID like this.

    /* 2 column ready class applied to html block by id ---------*/
    
    .gform_wrapper .top_label li#field_1_4.gfield_html {margin:0 0 8px 0; width:49%}
    .gform_wrapper .top_label li#field_1_4.gfield_html {float:right; clear:right!important}
    .gform_wrapper .top_label li#field_1_4.gfield_html+li.gsection {padding:16px 0 8px 0}
    .gform_wrapper .top_label li#field_1_4.gfield_html+li.gfield.gsection.gf_left_half,
    .gform_wrapper .top_label li#field_1_4.gfield_html+li.gfield.gsection.gf_right_half,
    {padding:16px 0 8px 0}
    .gform_wrapper .top_label li#field_1_4.gfield_html+li.gfield {clear:both}
    .gform_wrapper .top_label li#field_1_4.gfield_html+.gform_footer {clear:both}

    test screenshot: http://grab.by/8Cfy

    Posted 13 years ago on Thursday January 27, 2011 | Permalink