It’s not very difficult.
First look at the code of your template file (like the index.php)
Most template files have the post content placed with in a <div>
and have been given the class “post” so it looks like this: <div class="post" ...
Okay, you don’t need to change anything here all you’re doing here is verifying that the div tag that contains the post has a class named “post” because this is the selector we will be editing in the CSS file. Let’s assume your template file does.
Open the style.css file of your theme and look for the selector .post
. In the Default (Kubrick) Theme that’s on line 259:
.post {
margin: 0 0 40px;
text-align: justify;
}
Add:
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #000000;
between the {}’s so it looks like this:
.post {
margin: 0 0 40px;
text-align: justify;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #000000;
}
That’s it.
You can change the width, style and color values to suit your preferences.