Formatting the Contact Us page

Hi,

My url is: http://bilalmirza.ca/?page_id=144
I am using the BIZWAY PRO theme.

I would like to modify the contact us page. I love the map at the bottom (that automatically comes up) when I set the page template to "Contact Page". Is there a way to liven up the form. Add more colour. You can hardly see the fields (yourname, e-mail, message). There are no titles for each of these field. So ...
1) can I add titles above each field
2) can I make the field boxes coloured?

Thanks,
Nazia

 

Hello,

1) Download "template-contact.php" file and replace it with your existing one. It will add label to all fields.
2) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.contactform input[type="text"] {
background: #90D1F0;
color: #6a6565;
}
 
.contactform textarea {
background: #90D1F0;
border: 1px solid #efefef;
}
.contactform input:focus
{
background-color:gray;
}
.contactform textarea:focus
{
background-color:gray;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Okay Great. It added the field titles.

Can I now further:
1) format the titles to look like titles (maybe change colour to blue, make it bold, etc...)
2) move the image on the page (http://bilalmirza.ca/?page_id=144) to the extreme right (aligned with the phone number in the logo

 

Hello,

This page template contain sidebar. So to set image to the right border we need to remove sidebar from the "template-contact.php"
Download file attached and replace it with your current "template-contact.php" file. It will remove sidebar.

For title font formatting.
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-bar label{
font-size:YOUR FONT SIZE;
color:blue;
font-weight:bold;
}

Thanks & Regards
Nitesh Raghuwanshi

 

thanks... all worked