Remove Field Label on Specific Field ID

Gravity Support Forums » Plugin Support » Gravity Forms

frangistar
Member

I have a specific field where I have a drop down box. I want the field label gone and the box wider to fill the space. I can't figure out how to use css to edit a specific field. Using firebug, I am able to find the field I want to edit (for example label class="gfield_label" for="input_1_2").

I have been able to add css to gfield_label to remove all labels using http://www.gravityhelp.com/forums/topic/customization, but I don't want to remove all labels. Just the field label of that specific field. And widen that specific drop down box.

Can someone give me example css to customize inputs?

Posted 11 years ago on Thursday October 11, 2012 | Permalink
Rob Harrell
Member

Is there anyway you can provide a link to your form?

Posted 11 years ago on Thursday October 11, 2012 | Permalink
frangistar
Member

http://ineedapassport.com/passport-step2/
The first block "How quickly do you need your passport?" Under it is the drop down box. I have a space for the field label now. I want the drop down box full width and the label gone.

Posted 11 years ago on Thursday October 11, 2012 | Permalink
Rob Harrell
Member
Try dropping this into your theme's stylesheet:
```
[css]
#field_1_2 .gfield_label {
display: none;
}
#input_1_2 {
width: 100%;
}
```
Result
Posted 11 years ago on Thursday October 11, 2012 | Permalink
frangistar
Member

PERFECT! Thank you so much. I was so close...lol.

Posted 11 years ago on Thursday October 11, 2012 | Permalink
Rob Harrell
Member

Right on, no problem. Glad to help out!

Posted 11 years ago on Thursday October 11, 2012 | Permalink

This topic has been resolved and has been closed to new replies.