Support » Themes and Templates » Align entry-title to right of featured thumbnail on twenty ten archive page

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    If you don’t receive specific CSS help from these forums, try http://csscreator.com/forum

    Thanks for the reply Andrew.

    Do you thinking I am asking my question in the wrong place?

    This alignment issue is really annoying me.

    There is not an easy way to do that — because of the way the HTML is coded — you’d likely have to modify the php file.

    Thanks WPyogi.

    I modified the loop.php file and placed the entry-title within the entry-summary div but that is about as far as I got .. see below

    <div class="entry-summary">
    <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    <?php the_post_thumbnail('thumbnail', 'class=alignleft'); ?>
    <?php the_excerpt(); ?>
    </div><!-- .entry-summary -->

    What you need is for the thumbnail to be above (first in the HTML code) the entry-title.

    Thanks again WPyogi, nearly there. I appreciate yout help.

    Don’t know why I did not think of that. The entry-title and excerpt is now appearing below the image and not to the right.

    Might it be best to just create two seperate divs, one for image and one for entry-title & excerpt?

    No, the problem now is that the h2 has a clear on it — so try adding this to your CSS file:

    h2.entry-title {
       clear: none;
    }

    Worked perfectly.

    WPyogi, you done it again. That is twice in a number of days you have helped me out.

    Your help above was fantastic, thank you so much.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Align entry-title to right of featured thumbnail on twenty ten archive page’ is closed to new replies.