Disclaimer:  I am not a WordPress consultant. I don’t code for a living. I know exactly enough stylesheets to get myself in trouble.  You should make sure that you’ve made a clean backup copy of any file you mess with in WordPress’s file structure so that if and when you botch it, it’s easy to return things to normal.

So let’s get started.

Let’s pretend you have a WordPress-hosted blog named webslog.wordpress.com.  Let’s also pretend that you have chosen The Sapphire Theme.

1) Log into the admin section of your blog.  It’s likely where you go to write your posts.

2) In the left sidebar menu, click Appearance, then click Editor, then select Theme from the column at the top right of your screen.  It will be called something like “The Sapphire Theme”.

3) When you enter that file, you’ll see a metric boatload of code related to how your blog builds itself when called up by a browser.

4) In that window, scroll down to lines 1329 – 1337 you should see this.  (You can also search – [command-F] – on the page for the string .entry p,).  

.entry p,
.entrytext,
.entry ol,
.entry ul  {
font-family: Georgia, serif;
font-size: 1.3em;
line-height: 1.5em;
text-align: left;
}

This chunk of code deals with how paragraphs (p) in each post (.entry) are formatted.  In this case, your typeface is Georgia, font size is 1.5 em (which means the sizes of the letters are relative, and vary based on what device the blog is being viewed) and your text is aligned to the left.  Ragged right is assumed.

5) Now, below line-height: 1.5em; press return to open a line up, then add this line of text:

text-indent:2em;

The block of text should now look like this:

.entry p,
.entrytext,
.entry ol,
.entry ul  {
font-family: Georgia, serif;
font-size: 1.3em;
line-height: 1.5em;
text-indent:2em;
text-align: left;
}

6) Save your edits by clicking Save.

7) Log out of your blog’s back end, hit refresh and you should see the posts now displaying with the indent.

8) If the indent is not as you’d have it, go back into the style sheet and adjust the number beside em up or down.  Remember to hit save each time you edit the sheet.

That should get it. 

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>