Display Posts Shortcode thumbnail image alignment

• 

  katybeavers · Member · Jan 12, 2015 at 3:31 am

  • Copy link
  • Add topic to favorites

  I am using twenty ten on wordpress.com with Custom CSS and trying to use the Display Posts Shortcode. I can’t get the thumbnail images to float left. They all display to the right of the post excerpt. I put the following in my Custom CSS as instructed in the documentation:

  .display-posts-listing .listing-item {
  clear: both;
  }

  .display-posts-listing img {
  float: left;
  margin: 0 10px 10px 0;
  }

  Secondary question, can you tell me how i could change the post title link shown using the Display Posts shortcode to look like the title link in the Category archive, ie., it is styled with a h2 class=”entry-title” on the Category archive pages but is just a regular inline link using the Display Posts shortcode.

  The blog I need help with is: (visible only to logged in users)

• 

  lizthefair · Member · Jan 12, 2015 at 6:09 pm

  • Copy link

  Hi there,

  Try this CSS code instead:

  .display-posts-listing .alignright {
      float: left;
      margin: 0 5px 5px 0;
  }

  I tested it on your site and it worked, but if it doesn’t for some reason, please let me know.

• 

  katybeavers · Member · Jan 13, 2015 at 11:33 pm

  • Copy link

  Perfect, thank you for your help, lizthefair!

• 

  lizthefair · Member · Jan 14, 2015 at 3:10 am

  • Copy link

  Glad it all worked out.

  Let me know if you need anything else!