Review Page: How I made mine.

DanCarl97DanCarl97 Registered Users Posts: 139 Major grins
edited August 24, 2013 in SmugMug Customization
Hi Everyone,

Someone asked how I created some pages, so I thought I may as well share them with everyone.

The Reviews Page In Question: http://images.meljones.info/Reviews

How I made it:

1. I created the new page.

d586lTI.png

Navigated to it in organizer, and then clicked: "Visit it on your site"

CWmWeNh.png

2. I added a Text Content Block (TEXT --> Text).

mQnAEk3.png

3. I added one of the reviews text, and formatted where applicable.

ias071Y.png
L7ANu8D.png

4. I then added a standard separator (Design --> Separator) after the Text Content Block.

JxL7TKB.png

And styled it how I wanted it.

r4olO5m.png

And that's it. I just repeated the process to add more. I had lots of reviews from my previous site, and from emails, etc. Not many clients use the comments box as they don't want it associating with their facebook.

I have now actually scrapped the above, and have used HTML so I can format it easier/better.

For example:

[HTML]<div class="review">
<br />
<hr class="review_break" />
<br />
<p class="review_content">Ted has had his picture taken with you every September for the past 5 years and they have all been fantastic.
</p>
<br />
<p class="review_name">Bobby Lyles</p>
</div>[/HTML]

and the CSS:
.review_break {
  height: 1px;
  border: 0;
  color: #8F69FF;
  background-color: #8F69FF;
}

.review_name {
  font-style: italic;
}

.review_name:before {
  content: " - ";
}

If you have any problems, be sure to ask me :P
Sign In or Register to comment.