WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Align entry-title to right of featured thumbnail on twenty ten archive page (9 posts)

  1. Design Locker
    Member
    Posted 1 year ago #

    Hello All,

    As you can see from the link below, my entry-title is currently appearing above my featured thumbnail.

    I would like it to appear to the right of the thumbnail just above the excerpt.

    I am using a twenty ten child theme.

    Any suggestions welcome.....

    http://www.ironplantsales.com/wordpress/category/dump-trucks/

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. Design Locker
    Member
    Posted 1 year ago #

    Thanks for the reply Andrew.

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

    This alignment issue is really annoying me.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  5. Design Locker
    Member
    Posted 1 year ago #

    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 -->
  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  7. Design Locker
    Member
    Posted 1 year ago #

    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?

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  9. Design Locker
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic