Registration and Contact form customization

[abdulz_khan]

Hi EveryOne!

I want to customize registration and Contact form because they are out of the box available ,i am unable to place text fields side by side in registration and contact form.By inspect elements in browser i get the class name of fields and apply css in sub theme but there is no effect on contact form.

[abdullah_ahmed · Accepted solution]

Hi @AbdulRehman,
You can customize look and feel of registration and Contact forms by applying custom stylesheets.
Go to folder html/sites/all/themes/apigee_responsive_sub_theme, Here you can make your own css file in css folder and refer it in apigee_responsive_sub_theme.info.

To place your fields in two columns you can use code like:

.group-left {
    overflow: hidden;/* Makes this div contain its floats */
 width:150%;
}

.group-left .webform-component--first-name {
    float: left;
    width:40%
}

.group-left .webform-component--last-name {
    float: right;
    width:40%
}