theimagefile
Control Panel -> Help and Support -> The Testimonials Page
User anonymous - click to sign in


The Testimonials Page


This help article describes how to use, and set up the Testimonials page.

You may enter up to twelve testimonials. Each testimonial consists of a customer quote, followed by the customer identity. You may upload an image for each testimonial. These images, if present, will appear to the right of each testimonial.

Viewing the tutorial below will explain some of the options when creating a testimonials page for your web site. However, this tutorial is not meant to be in any way prescriptive on how your web site should look, merely guide you through the steps of basic set-up so you can input your own creativity and flair into the design, make your web site, interesting, unique, visually exciting well optimised for search engines but remain attractive to your visitors.


video


The following screen shot shows the editing page of all settings in our example page.



Advanced CSS Classes

The following highlighted portions of the page are tagged with CSS classes, which can be customised to easily tweak alignment, padding, and other styles:

You can override or enhance these default styles at My Websites -> Main -> Customise Design -> Site Layout -> Embed Custom HTML/CSS.

/* red box: top-right controls for desktop visitors, in fancy mode */
.tx1_pt05_controls {
	margin-bottom:1em;
	text-align:right;
	}

/* orange box: overall left table cell containing all text */
.tx1_pt05_cell_text {
	vertical-align:top;
	}

/* yellow box: optional title */
.tx1_pt05_title {
	font-size:larger;
	margin-bottom:1em;
	}

/* green box: actual testimonial text */
.tx1_pt05_paragraph {
	}

/* purple box: customer identity */
.tx1_pt05_byline {
	text-align:right;
	margin-top:1em;
	}

/* pink box: optional customer URL */
.tx1_pt05_url {
	text-align:right;
	}

/* (not hightlighted) middle table cell of 10px padding between text, image */
.tx1_pt05_cell_spacer {
	width:10px;
	min-width:10px;
	max-width:10px;
	}

/* (not highlighted) right table cell containing optional image */
.tx1_pt05_cell_image {
	text-align:center;
	vertical-align:middle;
	}


Related Help articles:
How to create a new web page
META tags and Search Engine Optimisation (SEO)
Using the Rich Text Editor
How to Add Images to a Text Editor
Save images "optimised for web" for display on your web pages



v6.00
theimagefile
  Log Out | Home | Terms | Help | About | Contact | © theimagefile.com Ltd