Hi,
I am using lifestyle theme. When I put the form into the sidebar (using simple sidebars) the form fields are not fitting properly and there is also a background color. How do I change this to work properly. I am not so good to go in and add css myself, if this is needed.
the actual page it is on is here - http://discoverportugaltravel.com/visit-lisbon/
I will contact you via email.
I emailed to the email you have associated with this username. Go ahead and send me an email to rob@rocketgenius.com - apparently that was the wrong email to use or my message got spammed. :)
Try placing these into your theme's stylesheet:
1 - This will target the left-side inputs:
[css]
.gform_widget .gform_wrapper .field_name_first input, .gform_widget .gform_wrapper .ginput_complex .ginput_left input {
width: 90% !important;
}2 - This will target the right-side inputs:
[css]
.gform_widget .gform_wrapper .ginput_complex .ginput_right input, .gform_widget .gform_wrapper .ginput_complex .ginput_right select {
width: 90% !important;
}3 - This will change the bg color (use this selector to add other attributes as well):
[css]
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
background-color: #fff;
}4 - Look at this screenshot to change the size of the select from "small" to "medium" (Do this from within the formbuilder).
This is how the form will look after: Screenshot
You can find a multitude of CSS resources here:
http://www.gravityhelp.com/other-resources/
and here:
http://www.gravityhelp.com/documentation/page/Design_and_Layout
No problem, glad to help.