I do not know how to edit CSS. Would appreciate some help on CSS. Thanks
I have embeded my form to http://www.propertyhomes.sg/the-glyndebourne/
I need help to amend
1. Alignment of checkbox option
2. All Salutation options to be in single row (I tried to input "gf_5col" in the CSS class name field but it does not work)
3. form to be centralised.
The form URL you referenced is returning a 404 page not found error so I can't see it. There is no gf_5col class so that's why you're not seeing any difference.
pls try the url again. it's showing in my browser http://www.propertyhomes.sg/the-glyndebourne/
so how do i put the checkbox options in a single row?
Still can't see the form..404 errors in 4 browsers I checked.
to get the checkboxes all in a row, you'll need to float them to the left and probably apply a height to all of them to avoid any weird "hanging" floats.
my website is now running. http://www.propertyhomes.sg/the-glyndebourne/
based on the suggestion in the forum, i have amended
1. checkbox alignment: Looks good in IE, ok in firebox but 2nd box alignment still out in my safari.
2. salutation options now all in single row: i change to 10% but still not showing nicely in safari.
http://forum.gravityhelp.com/topic/custom-form-layout-question#post-7104
3. Because i m using full content width (960px) and the gravity form is only 640px. How can i centralise my form to make it look nicer?
Here are a couple of options for "centralzing" the form
reset the max-width on the form wrapper
.gform_wrapper {max-width:99%!important}
or leave it at 640px, but center the form
.gform_wrapper {margin:10px auto!important}
Here's what I see in Safari
The only thing I noted was that the salutation checkboxes were being cut off and part of the list wasn't visible. It's being trimmed by the "overflow:hidden" rule on the parent UL.
style.css line 1881 - change to
ul#input_1_5 {overflow:visible;}
The standard checkbox alignment usually works well without any changes so if you're seeing inconsistencies, it's probably inheriting different margin or padding rules somewhere from your theme thats throwing it off.
