change text size in your sidebar or sticky elements

You can always change the size of your blog text within your compose window. But what if you'd like to change the size of text in your sidebar or sticky welcome element? (for instance, on this sample template, "photographer photo source here" is in a smaller font than the rest of the element).

You can use this simple bit of framing code to change the size of text in any HTML/JavaScript gadget. Just copy/paste the following codes, and replace TEXT HERE with whatever words you'd like to be in the different size. These size classifications are relative to the regular text font size that you have set under Layout / Fonts and Colors.

For extra small text:

<span class="Apple-style-span" style="font-size:x-small;">TEXT HERE</span>

For small text:

<span class="Apple-style-span" style="font-size:small;">TEXT HERE</span>

For medium text:

<span class="Apple-style-span" style="font-size:medium;">TEXT HERE</span>

For large text:

<span class="Apple-style-span" style="font-size:large;">TEXT HERE</span>

For extra large text:

<span class="Apple-style-span" style="font-size:x-large;">TEXT HERE</span>