gf-support-20150820 - Ask Bill Ringle

Ok, here is the form URL:
Survey

What we want to do is enclose this group of fields:

formID_fieldID

6_25
6_36
6_37
6_38

If we can get a red border and a shaded background around the group of fields, the aesthetics can easily be fine-tuned.

Here is the missing HTML blocks:
HTML-1

<style type="text/css">

body .gform_wrapper .gform_body .gform_fields #field_6_25.gfield .ginput_complex {border: 1px solid red}

body .gform_wrapper .gform_body .gform_fields #field_6_36.gfield .ginput_complex {border: 1px solid red}

body .gform_wrapper .gform_body .gform_fields #field_6_37.gfield .ginput_complex {border: 1px solid red}

body .gform_wrapper .gform_body .gform_fields #field_6_38.gfield .ginput_complex {border: 1px solid red}

</style>

</li>

</ul>

<div class="my-box-style">

<ul class="gform_fields top_label description_below">

<li>

HTML-2

</li>

</ul>

</div>

<ul>

<li>

Thanks in advance!

On Thu, Aug 20, 2015 at 7:38 PM, Gravity Forms Support <support@gravityforms.com> wrote:
Chris replied
Aug 20, 7:38pm
Please share a URL to the page on your site where we can see the form, and let us know exactly which fields (by name or field ID) you want to target specifically. Thank you.

Also, your HTML was stripped from the ticket. Please submit that when you send the URL. Thank you.

__________________________________________

Chris Hajer

Gravity Forms Support Specialist

Home

Still need help? To keep this ticket active simply reply to this email message.

How did I do?

HappySatisfiedUnhappy
Click on a face to provide feedback on my performance!

orders2013@philly-biz.com sent a message
Aug 20, 7:34pm

Name
William Ringle

Email
orders2013@philly-biz.com

License Email
orders2013@philly-biz.com

Licenses
Type Key Expires
GFDEV 3dcc2bc72c7620221d0ab982443719aa 10/30/2015

————————————————————————————

Gravity Forms Version
1.9.13

WordPress Version
4.3

————————————————————————————-

Form Page URL

Issue
*** Goal:
On a form with 10 fields, I’d like to put a 2px box around the last 2 fields and color this box 20% yellow to produce an “administrative use only” section, where calculated fields will do their thing.

*** Situation:
After checking through the old forum posts (https://www.gravityhelp.com/forums/topic/adding-a-box-around-a-group-of-fields) and the CSS Targeting Samples page (https://www.gravityhelp.com/documentation/article/css-targeting-samples/), I added the HTML-1 block in an HTML form field just before Field 8 and the HTML-2 block after field 10.

No change.

What do I have to do differently? There must be someplace to define the box style characteristics, right?

Thanks in advance!
____________________________________
HTML-1:

_________________

HTML-2: