andrew hewinson
Member
Hi All, :)
I would like to make the fields have rounded instead of square corners.
please see here -
http://www.waterfrontportmelbourne.com.au/how-can-we-improve
I would like them to have corners like this -
http://www.waterfrontportmelbourne.com.au/general-enquiry
Could you please assist me with this?
Thank you for your time,
Regards,
Andrew
In one of your stylesheets you have:
[css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea {
color: white;
}Replace that with this:
[css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea {
background-color: #fff;
color: #333;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}Border radius allows for the rounded corners and works in everything except IE7/8 of course since this is a CSS3 property. You can feel free to change any of those values of course.
No problem Andrew - have a great day yourself!