WordPress.org

1. micadz
   Member
   Posted 3 years ago #

   I am using the Equilibrium WordPress theme. All my blogposts finish with Continue Reading which is fine. However, not all my blogposts are the same length and I wonder if it is possible for the Continue Reading to be lined up irrespective of the length of the blogpost.

   Here is the index.php
   <?php get_header(); ?>

   <div id="featured">
   <h2>Featured</h2>
   <!-- Edit Below -->
   <?php query_posts('cat=3&showposts=2'); ?>
   <?php while (have_posts()) : the_post(); ?>
   <div class="front-post">
   <div class="featured-post">
   <div class="featured-title">
   <h2>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?>
   </h2>
   </div>
   <div class="featured-image">
   <?php image_attachment('image', 303, 231); ?>
   </div>
   </div> <!-- END Featured-post -->
   <div class="postMeta-featured"><span class="date"><?php the_time('F j, Y') ?></span><span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span></div> <div class="clear"></div>
   <div class="featured-content">
   <?php the_excerpt(); ?>
   <p class="moretext">">Continue Reading...</p>
   </div> <!-- END Featured-Content -->
   </div>
   <?php endwhile; ?>
   <!-- Edit Below 2 -->
   <?php query_posts('cat=3&showposts=1&offset=2'); ?>
   <?php while (have_posts()) : the_post(); ?>
   <div class="front-post-last"> <!-- Featured-Last -->
   <div class="featured-post">
   <div class="featured-title">
   <h2>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?>
   </h2>
   </div>
   <div class="featured-image">
   <?php image_attachment('image', 303, 231); ?>
   </div>
   </div> <!-- END Featured-post -->
   <div class="postMeta-featured"><span class="date"><?php the_time('F j, Y') ?></span><span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span></div> <div class="clear"></div>
   <div class="featured-content">
   <?php the_excerpt(); ?>
   <p class="moretext">">Continue Reading...</p>
   </div> <!-- END Featured-Content -->

   </div>
   <?php endwhile; ?>
   </div> <!-- END Featured -->
   <div class="clear"></div>
   <div id="front-bottom">
   <div id="latest-wrap">
   <h2>Latest Posts</h2>
   <div class="content">
   <!-- Edit Below 3 -->
   <?php query_posts('cat=-3&showposts=4'); ?>
   <?php while (have_posts()) : the_post(); ?>
   <div class="latest-post-wrap">
   <div class="latest-post">
   <div class="latest-title">
   <h2>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?>
   </h2>
   </div>
   <div class="latest-image">
   <?php image_attachment('image', 162, 118); ?>
   </div>
   </div>
   <div class="latest-content">
   <div class="postMeta-front"><span class="date"><?php the_time('F j, Y') ?></span><span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span></div> <div class="clear"></div>
   <p><?php
   $excerpt = get_the_excerpt();
   echo string_limit_words($excerpt,30);
   ?></p>
   <p class="moretext">">Continue Reading...</p>
   </div>
   </div>
   <?php endwhile; ?> <!-- END -->
   </div>
   <div class="clear"></div>
   </div>
   <?php get_sidebar(); ?>
   <div class="clear"></div>
   </div>
   <?php get_footer(); ?>

2. t31os
   Member
   Posted 3 years ago #

   Lined up with what?...

   Please make sure to post future code in backticks please, as indicated in the post/reply box at the bottom (it's the key next to 1 in the top left).

3. micadz
   Member
   Posted 3 years ago #

   I want the sentence "Continue reading' to be on the same line. The template shows 3 columns. Right now, depending on the length of the post, they are not levelled.
   Check my blog: The left and right column are levelled ... the middle one is not (since there is less text in the feature).

4. t31os
   Member
   Posted 3 years ago #

   You need to set a fixed height for the elements, something a little over the actual height of the text to ensure those that run a little longer don't take up extra height...

   Example: This will fix the bottom blocks...

   .latest-content p {height:155px}

   The top blocks look inline to me already..

5. micadz
   Member
   Posted 3 years ago #

   Thank you.

6. Chris777uk
   Member
   Posted 2 years ago #

   Hi there,

   Can I ask where you put the
   .latest-content p {height:155px}
   within the index.php in order for it to work

   Thanks

7. killchange
   Member
   Posted 2 years ago #

   hi，

8. Chris777uk
   Member
   Posted 2 years ago #

   er... hi! :)
   You gonna tell me? :D

Topic Closed

This topic has been closed to new replies.