I am brand new at CSS at brand new with Gravity Forms. Absolutely love the plug-in though. Thank you!
I have a temporary page at http://www.highlifegourmet.com
The problem is, on three different browsers, this looks like three different forms. For example, in IE, the form label is not invisible, as I want it. In Chrome, on my PC, it looks perfect, but on my girlfriend's Mac, running Chrome, it's out of alignment.
Isn't 525 pixels the same on every browser?
Just from playing around, I managed to get my form field and my submit button exactly where I wanted it, using this code:
(and when I say "exactly where I wanted it", I mean "exactly where I wanted it in Google Chrome on a PC running Windows. It's not at all where I want it across the board.)
/*---------- LANDING PAGE, form 1-----------------------*/
body .gform_wrapper { width:650px; height:300px; background-image: url(http://highlifegourmet.com/images/mortgage_application.jpg); }
/*----submit image----*/
body #gform_wrapper_1 .gform_footer input[type=image] {position:absolute; visibility:show; left: 700px; top: 316px; }
body .gform_wrapper ul,
body .gform_wrapper li,
body .gform_wrapper form li,
body .gform_wrapper form ul li { list-style-type:none!important; list-style-image:none!important; background-
image:none!important }
/*----------- positions the form field, makes it transparent------------*/
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {
font-size:17px;
width:158px;
position:absolute; background:transparent; visibility:show; left: 525px; top: 322px;}
/*--------------------- gets rid of the label ------------------*/
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {color:transparent}