Contact us page mod

Hello,

How can I modify the Contact Us page as indicated in the attached JPG file?

Also, how can I change the color of the "Submit" button to dark grey?

Thanks for your help.

 

Hello,

1. For removing sidebar

go to template-contact.php present in your theme directory and remove the code given below

Code:

   <?php get_sidebar(); ?> 

2.

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 #contactForm input[type="text"]{
border:1px solid black;
}
#contactForm textarea{
border:1px solid black;
}
#contactForm input[type="text"], #contactForm textarea {
background-color: lightgrey;
}
 
#contactForm input[type="submit"] {
background: darkgrey;
}

Thanks & Regards
Gourav Shrivastava

 

Thanks Gourav. That worked well, but I would also like to change the size of the boxes and the color of the text that shows up inside the boxes.

 

Hello,

1.
Please download "template-contact.php" file attached and replace it with your current "template-contact.php" file.

2.

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 #contactForm input[type="text"], #contactForm textarea {
color: blue;
}

Thanks & Regards
Gourav Shrivastava