How to Style Paragraphs & Text

Posted by Tekeme Studios in General Tips

You will need to add style tags to your paragraph tags within the content of your widget or post. I’ll walk you through this.

First, open the post or widget you would like to edit.

Now, let’s change the style of the entire paragraph.

At the beginning of the paragraph place the following tag:
<p style=”text-decoration:underline; letter-spacing:1px; color:#0079c1;”>

Then, at the end of your paragraph place a closing tag:
</p>

This will make your paragraph look like this:

Let’s say you want to change a specific word within the paragraph you just created. Simple create this tag at the head of the word you want to change:
<span style=”text-decoration:italic; letter-spacing:0px; color:#ffffff;”>

Then, add this closing tag after the word(s) you would like to change:
</span>

I’m going to change the word widget in my test paragraph. It looks like this:

You can add as many different styles as you want. Here are a few:
color:COLOR HERE; (to change color)
text-decoration:underline; (to underline link)
text-decoration:blink; (to make blinking link)
text-decoration:none; (to take away an unwanted underline)
font-style:italic; (to make link italic)
font-size:15px; (to change size)
font-family:tahoma; (to change font)
letter-spacing:1px; (to change space between each letter)
word-spacing:10px; (to change space between words)

Hopefully this will get you started. Feel free to leave a comment with any questions!