Add Line Breaks to "Read More" Button

Community Forums Forums Design Tips and Tricks Add Line Breaks to "Read More" Button

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Robin 1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #34928

    jpnyberg
    Participant
    Post count: 6

    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

    #35099

    Robin
    Participant
    Post count: 318

    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)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.