Read more link position for different layouts

  • zeaks

    (@zeaks)


    13 years, 3 months ago

    I have a few post style layouts for my theme, on all but 1 of them I want the read more link when displaying excerpts to float:right, the other I want it to float: left; Is there any way I can achieve this?

    I’m using

    class Twentyten_Child_Text_Wrangler {
function reading_more($translation, $text, $domain) {
  $translations = &get_translations_for_domain( $domain );
  if ( $text == 'Continue reading <span class="meta-nav">&rarr;</span>' ) {
   return $translations->translate( '<p><span class="read-more">Read More</span></p>' );
  }

    In my functions file, and I don’t have any code that adds the read more link in my index-loop that I can rename to style separately

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    13 years, 3 months ago

    you could add a css class to the p tag in here:

    return $translations->translate( '<p><span class="read-more">Read More</span></p>' )

    for instance like so:
    return $translations->translate( '<p class="read-more-text"><span class="read-more">Read More</span></p>' )

    and then use it in conection with the body_class() of your post style layouts (i have no idea what they will be, but you should be able to find them in the html code in the browser, on your different post style layouts) to position the ‘read more’ link:

    general idea:

    body.post-style-1 p.read-more-text { float: right; }
body.post-style-2 p.read-more-text { float: left; }

    Thread Starter zeaks

    (@zeaks)

    13 years, 3 months ago

    Got it working, thanks for the help

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Read more link position for different layouts’ is closed to new replies.