Need help with inline forms :( « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

melolomo
Member

Hello everyone,

Am new here, would really appreciate some help....

I'm a total moron when it comes to CSS, so when I tried to change my CSS styles in either the theme of the plugin CSS, it just doesnt seem to show.

What I need : http://scribers.com.sg/staging/contact/translator/

You might notice on this page that there's a "Language 1" and "to" field right on top/below of each other.. I tried playing around with the CSS float and copying what other members have done.. but to no avail.

Would really appreciate some guidance on how I can achieve this. Thanks lots!

Regards,
Chris

Posted 13 years ago on Monday November 1, 2010 | Permalink
Kevin Flahaut
Administrator
You can try this to get you started. It's the same process described in several places here. I've noted the CSS to help.
```
/* float the first list container left */
li#field_1_24 {float:left}

/* set a width and height on both list containers */
li#field_1_24, li#field_1_43 {width:50%; height:80px;}

/* reset the label width on the second field */
li#field_1_43 label {width:auto!important}

/* reset the width percentage of the inputs */
li#field_1_24 input, li#field_1_43 input {width:50%}
```
test screenshot

Since you're using the left aligned label option, you'll probably want to tweak the width percentages on the second rule to make things line up a little better. This should get you close and you can take it from there.
Posted 13 years ago on Monday November 1, 2010 | Permalink
melolomo
Member

Thanks so much! It works :D

Posted 13 years ago on Tuesday November 2, 2010 | Permalink

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