Aligning Featured Image (Post Thumbnails) LEFT in Twenty Twelve

  • There are already many threads with solutions for this problem but unfortunately none of them could help me fix this issue on my website.

    I want to align post thumbnails on homepage in line with text but for some reason they’re showing above the title of each posts.

    I have used the following code in CSS of Twenty Twelve theme but it hasn’t worked

    .entry-header img.wp-post-image {
        float: left;
}
Viewing 9 replies - 1 through 9 (of 9 total)

  • try open content.php, moved and edit line 18+
    <?php the_post_thumbnail(); ?>
    to above
    <?php if ( is_search() ) : // Only display Excerpts for Search ?>

    should look like this end result

    <?php the_post_thumbnail('thumbnail', array('class' => 'alignleft')); ?>
<?php if ( is_search() ) : // Only display Excerpts for Search ?>

    [Please use the code buttons when posting code ]

    you can’t do it with css only cause the post_thumbnail is above header title.

    Note that the above changes should only be made in a Child Theme – otherwise all your changes will be overwritten and lost when WP is updated. It’s also very inadvisable to modify the default theme – as it’s crucial to have a clean copy for troubleshooting purposes.

    agreed, child theme should be use for this kind of customization.

    Thread Starter xubair

    (@xubair)

    Thanks alot, Richie. It worked.

    Yogi – Thanks for the tip. I don’t know much about coding, still learning. I had no idea about child themes until few days back and I had made some changes prior to that. What do you think I can do with those changes?

    thanks richie it worked for me too.

    nellcooper

    (@nellcooper)

    A big SHOUT OUT “thank you” to Riche. You saved me a lot of time late at night when my brain was melting. Child Theme now working exactly as needed.

    Thank you, however, only the thumbnail moved to the left, how can we make it so that the text also starts to the right and not at the bottom of image, please see image https://imageshack.com/i/nq66q8j

    I have the same problem with the twenty ten theme.
    twenty ten does not have content.php but loop.php instead.
    I suspect that I have to change a similar thing, but can’t find it. I have searched a lot of forums for a solution of displaying the featured image left of the text i.e. wrapping the text aroudn the feautred image but haven’t found anything that worked. Any ideas?

    @fredw

    different theme = different topic

    per forum guidelines https://codex.www.ads-software.com/Forum_Welcome#Where_To_Post please start your own topic in your theme’s support section at https://www.ads-software.com/support/theme/twentyten/#postform

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Aligning Featured Image (Post Thumbnails) LEFT in Twenty Twelve’ is closed to new replies.