Add Line Breaks to "Read More" Button

[jpnyberg]

Hi folks!

I'd like to create some white space on my post loop.  Currently, the "read more" link is inline with the copy.

I'd like to add a couple of line breaks between the end post copy and the "Read More" button.

And, I would like the button to display left justified.

For example:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

[Read More...]

(Here's what I am trying to achieve:  http://www.smashingmagazine.com/)

And, here is my current site:  http//:psoriaticarthritisguy.com

[Robin]

Here's my stab at it. Add/edit your style.css for this:
a.more-link, a.more-link:hover {
display: block;
margin: 20px 0 0;
width: 130px;
text-align: center;
}
This will line it up below the featured image--if you want it under the text, try changing the margin to 20px 0 0 175px instead. Hope that gives you a starting point, at least.

---

I do the best I can with what I’ve got. (say hey on twitter)

[Author]

Posts