Submission Form Format & Field Descriptions

Hi,
Go to your gc-testimonials/testimonials.php
And find the code below. Customize it yourself. Thanks.

<p class=" form-field">
			<label for="gct_client_name">Full Name: <span class="req">*</span></label>
			<input type="text" value="' . $gct_client_name . '" name="gct_client_name" id="gct_client_name" class="text required"  minlength="2" />
			<span>What is your fullname?</span>
		</p>

		<p class=" form-field">
			<label for="gct_email">Email: <span class="req">*</span></label>
			<input type="text" value="' . $gct_email . '" name="gct_email" id="gct_email" class="text required email" />
			<span>Fill in your email address </span>
		</p>

		<p class=" form-field">
			<label for="gct_company_name">Company Name:</label>
			<input type="text" value="' . $gct_company_name . '" name="gct_company_name" id="gct_company_name" class="text" />
			<span>What is your company name? </span>
		</p>

		<p class=" form-field">
			<label for="gct_company_website">Company Website:</label>
			<input type="text" value="' . $gct_company_website . '" name="gct_company_website" id="gct_company_website" class="text" />
			<span>Does your company have a website?</span>
		</p>

		<p class=" form-field">
			<label for="gct_headline">Heading:</label>
			<input type="text" value="' . $gct_headline . '" name="gct_headline" id="gct_headline" class="text" />
			<span>Describe our company in a few short words </span>
		</p>

		<p class=" form-field">
			<label for="gct_text">Testimonial: <span class="req">*</span></label>
			<textarea name="gct_text" id="gct_text" class="textarea  required">' . $gct_text . '</textarea><br />
			<span>What do you think about our company?</span>
		</p>

		<div class="clear"></div>

		<p class=" form-field">
			<label for="gct_client_photo">Photo:</label>
			<input type="file" name="gct_client_photo" id="gct_client_photo" value="' . $gct_client_photo . '" class="text" /><br />
			<span>Do you have a photo we can use?</span>
		</p>

		<p class=" form-field agree">
			<input type="checkbox" value="yes" name="gct_agree" id="gct_agree" class="checkbox required" checked="checked" />
			<span class="req">*</span> I agree that this testimonial can be published.
		</p>

		<div class="clear"></div>

		<p class="form-field">
			<input type="submit" id="gct_submit_testimonial" name="gct_submit_testimonial" value="Add Testimonial" class="button" validate="required:true" />
		</p>

‘;

I definitely needed this advice. Helped greatly! BUT…

On the site I’m working on here, the theme has a dark background and I’m not sure where to change the CSS in order to make the form legible while entering data.

On top of that, for some reason when I hit “submit,” it created two testimonials for approval instead of just one. Thoughts?

bump

Go to gc-testimonials/assets/css/gctestimonial.css

Find at around line 93:

#testimonial-form input[type="text"] {
    display: block;
    width: 370px;
    margin-bottom: 0px;
    color: #333;
}

Change
color: #333;
to
color: #fff;

All of this has been very helpful. I have customized the form itself on my site, however the elements/details i have added are not added to the admin. Is there a why that the detail within the form can be added to my admin site?

thanks

adryenn,

Your theme seems to be hiding fields marked as required. In your theme styles.css file, at around line 558, there is this code:

.required {
    display: none;
}

As the testimonial field has the class “required”, it is being hidden. You could try adding/changing to this:

#testimonial-form textarea {
    display: block;
}