I am trying to format the form I have here on the home page: http://www.weeklyclean.co.uk/
Ideally I want all fields to generally be smaller with much less spacing in between fields (so I could potentially then have all fields vertically rather than in columns) and also to ensure the captcha field is made smaller and will fit within that section of the home page - it would be the same size as a sidebar.
I've searched in various forms/documentation and read that the forms.css override everything else but the info within that says not to touch as it would be overwritten with upgrades. I then saw mention of a custom.css so have created this but it is either not working or I'm not editing it correctly.
I also saw someone mention Dreamweaver which is what I am using to create the custom form - assuming this is what was needed but then another post says it is not - ?? but I can't see anywhere in Wordpress that would allow me to change the size of the space around the forms as well as the space within the field boxes.
Is it possible to get the field name alongside the actual field box??
i.e. Name....................................(field located here)
The ready classes don't seem to have this. This would certainly free up some space to make things smaller.
With the captcha I've changed the style, nothing fits in the gap. In the custom.css I had I copied and pasted the whole section of captcha code to change all numbers on it. This didn't work so I assume the custom.css is not the way forward?
I have been guessing my way through CSS for a while but am brand new to Gravity Forms so a pointer in the right direction would be fab!