Showing Images in Recent Posts Widget

• 

  nadinestorying · Member · Jan 5, 2015 at 3:08 pm

  • Copy link
  • Add topic to favorites

  Hi! I’d like each post title in my Recent Posts widget to display the post image or featured image right above it. May I have the CSS for that?

  Thanks.

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

• 

  staff-happychia · Staff · Jan 5, 2015 at 6:01 pm

  • Copy link

  We don’t need CSS for this. In fact we can’t achieve this using CSS.

  Add the following Display Posts Shortcode to a Text Widget and see if you got the intended result:
  [display-posts image_size="thumbnail"]

• 

  nadinestorying · Member · Jan 5, 2015 at 6:51 pm

  • Copy link

  Hi! I didn’t get the intended result. I saw a list of about 10 post titles. Also, I don’t want to show that many.

• 

  staff-happychia · Staff · Jan 5, 2015 at 7:24 pm

  • Copy link

  [display-posts image_size="thumbnail" posts_per_page="5"]

  This short code displays 5 recent posts withe their thumbnail sized featured image, if the post has one. So please ensure your recent 5 posts have featured image set.

• 

  nadinestorying · Member · Jan 6, 2015 at 1:59 pm

  • Copy link

  Let me try that. I have images within the post. Thanks for your help and patience, staff-happychia. I’ll let you know if it works.

• 

  nadinestorying · Member · Jan 6, 2015 at 2:32 pm

  • Copy link

  It worked, except for a post that has a PNG image. Is there any way I can get the image left-aligned, or above the headline?

• 

  staff-happychia · Staff · Jan 7, 2015 at 1:28 am

  • Copy link

  The display posts shortcode only shows the featured images. Not the images in the post body.

  Image alignment is available only when shortcode is used in the pages.

• 

  nadinestorying · Member · Jan 7, 2015 at 2:18 pm

  • Copy link

  Yes, I discovered that and had to make those images featured.

  Thanks for all your help. Much appreciated.