Name entry field formatting « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

olilogic
Member
Hi

I'm having trouble targeting the name input CSS
Here is the example form - http://the-ybfs.com/ybfs-entry-form
all i need to do is the width top be 300px but the forms.css seems to be overriding any changes that I make - width: 95% !important;

I have set the standard input boxes
```
[css]
.gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
	margin-left: 136px;
	margin-top: 5px;
	margin-bottom: 30px;
	border-color: silver;
	border-width: 1px;
	width: 300px;
}
```
sorry been stuck on this one for a while
Might be something to do with my Thesis theme

thanks
Oli
Posted 13 years ago on Tuesday October 18, 2011 | Permalink
Kevin Flahaut
Administrator
Looks like your custom rule is already superseding the forms.css.. you just have the width set to 500px.

screenshot: http://bit.ly/o8Ge1P

if you change the value to 300px there, it looks like it formats correctly
```
[css]
.gform_wrapper input#input_1_9_3 {
    width: 300px !important;
}
```
screenshot: http://bit.ly/pSVOHf

also, if you're having trouble overriding the default form styles, you can use more specific CSS inheritance and it should work fine. There are examples here in the documentation.

http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
Posted 13 years ago on Tuesday October 18, 2011 | Permalink
olilogic
Member

Thank you I have had a bit more of a play since i initially posted
I think it might have been something to do with this
.gform_wrapper input[type=text] {width:auto}

as http://pastie.org/2717933 was not working previously

thank you
Oli

Posted 13 years ago on Tuesday October 18, 2011 | Permalink