in

Shozam Community

A place to learn, share and interact with other Shozam users

Shozam Guru Blog

The Info Page: Customizing the Look of Text

Let’s say you want to customize your name when it appears in text on the Info Page, and your name is John Smith. Here’s how to add color, bold or italics to any text (in this case, John Smith) when it appears in your Info Page text using simple HTML command syntax.

Color syntax
Colors are presented as a six digit color “hex” code preceded by the # symbol. For this example, we are using a common shade of red, #ff0000:
<span style="color: #ff0000">John Smith</span>
Choose another color by entering the code for that color from this chart: http://html-color-codes.info/
Bold syntax
<strong>John Smith</strong>
Italics syntax
<em>John Smith</em>
Altogether now…
So now let’s say you want “John Smith” to appear in red, bold, italics. Here’s how the syntax looks:
<em><strong><span style="color: #ff0000">John Smith</span></strong></em>
Entering customized text into the Long description field in Shozam
Assuming that you’ve read the blog post “How to create an Info Page” you know that you enter text for your Info Page in the Long description field in the Step 2, Image tab. If you just want to highlight a few words or sentences in a paragraph, you can just enter text normally into the field and add in your syntax for those words you want to highlight, as presented above. For example, say you want to bold John Smith in a paragraph, here’s how you would type it into the field:
Hi, my name is <strong>John Smith</strong>, and I am the owner of JS Photography. I specialize in pet photography that captures your best friend’s personality and joie de vivre.
Now let’s say you want to keep John Smith bolded, but you want the entire paragraph in italics. Here’s the syntax:
<p><em>Hi, my name is <strong>John Smith</strong>, and I am the owner of JS Photography. I specialize in pet photography that captures your best friend’s personality and joie de vivre.</em></p>
The next post will provide an alternative to hand-coding – using an HTML Editor. This tool is helpful if you have larger blocks of text, or want more in-depth customization options.

Bookmark and Share

Comments

No Comments
Copyright 2010, KOMOTION, Inc. All rights reserved.