CSS to change field box and font size « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

mattf
Member
Hi guys,

Have spent quite sometime looking through the forum and even longer trying to make the necessary changes to my css for what I believe is a pretty simple change...but hey I think I've just realised this isn't going to work for me :(

So I would appreciate some help please...

I would like to increase the style of my email field box to match the style of my website, which is essentially to increase the height of the box using padding and then increase the font size within it.

This is the css code from my themes stylesheet that I'd like to match...
```
form .text {
background:#ffffff none repeat scroll 0 0;
border:2px solid #bebebe;
color:#202020;
font-size:19px;
margin-bottom:6px;
padding:9px 10px 9px;
width:240px;

}
```
Would really appreciate some help here.

Thanks

Matt
Posted 13 years ago on Tuesday December 14, 2010 | Permalink
Kevin Flahaut
Administrator

can you post a URL to your form? It will make it easier to help/test.

Posted 13 years ago on Tuesday December 14, 2010 | Permalink
mattf
Member

Hi Kevin,

link to site I'm building is http://www.dotcomboost.com

You'll see the existing form from the theme in the top right, I've added my gravity form for reference below.

Posted 13 years ago on Tuesday December 14, 2010 | Permalink

Okay, try adding this to your theme's stylesheet. This is specifically for that form ID #1 - targeting the input by it's unique ID as well.

/* resize the input */
body #gform_wrapper_1 input#input_1_2 { background:#ffffff none repeat scroll 0 0; border:2px solid #bebebe; color:#202020; font-size:19px; margin-bottom:6px; padding:9px 10px 9px; width:240px; }

/* remove the inherited left padding */
body .gform_wrapper ul li {padding-left:0!important}

/* add a margin to the top of the containing list item */
body #gform_wrapper_1 li#field_1_2 {margin-top:20px}

test screenshot: http://grab.by/7TiL

Posted 13 years ago on Tuesday December 14, 2010 | Permalink

mattf
Member

Kevin your a CSS genius!...no wonder I couldn't do it. Many thanks :)

Posted 13 years ago on Tuesday December 14, 2010 | Permalink
Kevin Flahaut
Administrator

Glad that helped out. Yell if you need anything else.

Posted 13 years ago on Tuesday December 14, 2010 | Permalink

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