How to move (Read More…) in teaser from left to right???

  • Resolved cyberquill

    (@cyberquill)


    14 years, 11 months ago

    This should be easy, but I can’t figure it out:

    I’m using the teaser (Read More…) feature. My latest blog post contains a series of pictures. After the first picture, I inserted <!--more--> like this:

    <img class=”aligncenter size-medium wp-image-1330″ title= […] width=”224″ height=”300″ />

    <!--more-->

    Now, in the post the (Read More…) appears aligned left below the first picture:

    https://blog.cyberquill.com (Title of post: “The Dark Matter of the Psychic Universe”)

    However, I’d like to move the (Read More…) to the right side, so that instead of aligned left it would be aligned right. No matter what I try, the (Read More…) remains on the left side. How can I move it to the other side?

Viewing 7 replies - 1 through 7 (of 7 total)

  • Try editing style.css and changing:

    .readmore {
font-style:italic;
font-weight:bold;
}

    to

    .readmore {
display:block;
font-style:italic;
font-weight:bold;
text-align:right;
}
    Thread Starter cyberquill

    (@cyberquill)

    Thank you. I tried it, and it works in a sense that it moves the (Read More…) from left to right.

    The problem is, that it moves it in ALL posts, but I liked it where it was in all my other posts. I’d like to move it in this one (my latest) post only. This latest post is different from all my others in the sense that it’s mainly all pictures, and the (Read More…) simply looks wrong on the left side.

    In all my other posts, I’d like to keep the (Read More…) where it was, namely like this:

    … matter amounts to an exercise in futility, since–short of the passing of an constitutional amendment–our fundamental rights are not accountable to the democratic process. The Equal Protection Clause, by definition, trumps the outcome of (Read More…)

    So is there a way to apply some sort of inline style to the <!--more--> in this one post only?

    Try:

    #post-1317 .readmore {
display:block;
text-align:right;
}

    Thread Starter cyberquill

    (@cyberquill)

    Perfect. Thank you so much.

    Thread Starter cyberquill

    (@cyberquill)

    Two minor follow-up questions:

    (1) Where are the post #s listed? How would I know this particular post is #post-1317?

    (2) The method above moves the (Read More…) to the right on the main Index page. However, the (Read More…) is still on the left side on the Archive and Tagged pages. So the posts on these pages go by different numbers?

    1. See Finding a Post ID

    2. Those two templates use slightly different markup. Try changing:

    #post-1317 .readmore {
display:block;
text-align:right;
}

    to

    .post-1317 .readmore {
display:block;
text-align:right;
}
    Thread Starter cyberquill

    (@cyberquill)

    Excellent. Thanks for your help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to move (Read More…) in teaser from left to right???’ is closed to new replies.

Tags