Contact Form

Hello,

Two items:

The contact form is missing text in the "message" area. Can text be added to say "Your Message Here" in that area similar to "name" and "Email"?

Can the border color of the contact form areas be darkened or outlined better for customers to see them?

Link to my Contact page:
http://sweetdzbakery.com/contact-us/

Thank you!!

PS: you guys are great and quick at answering my issues for several months now. Really appreciate your responses. Thank you again.

 

1.For your first issue

Go to template-contact.php present in your theme directory and replace your current code

Code:

<textarea name="comments" id="commentsText" rows="20" cols="30" value="Messege" class="required requiredField message">
            <?php
                    if (isset($_POST['comments'])) {
                        if (function_exists('stripslashes')) {
                            echo stripslashes($_POST['comments']);
                        } else {
                            echo $_POST['comments'];
                        }
                    }
                    ?></textarea>

with

Code:

  <textarea name="comments" id="comments" class="message required requiredField" type="textarea" onfocus="if (this.value == 'Write Your Message Here') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Write Your Message Here';}" />Write Your Message Here<?php if(isset($_POST['comments'])) { if(function_exists('stripslashes')) { echo $_POST['comments']; } else { echo $_POST['comments']; } } ?></textarea>

Sending image for reference





2.For your second issue

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

Code:

.contactform input[type="text"], .contactform textarea {
border: 1px solid red!important;
}

 

Thank you again. That worked okay. But the text font is different than the other fields.

 

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

Code:

.contactform input[type="text"], .contactform textarea {
font-family: verdana;
}

Inplace of 'verdana' you can put your font.

 

Thank you Piyush. That worked well.