# Recent post widget

**URL:** <https://colorlibsupport.com/t/recent-post-widget/13334>\
**Category:** Shapely\
**Created:** [November 22, 2016, 8:31am UTC](https://colorlibsupport.com/t/recent-post-widget/13334 "2016-11-22T08:31:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![gunvoreline](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/g/4bbf92/32.png) [@gunvoreline](https://colorlibsupport.com/u/gunvoreline)\
**Post date:** [November 22, 2016, 8:31am UTC](https://colorlibsupport.com/t/recent-post-widget/13334/1 "2016-11-22T08:31:27Z")

</div>

Hi,

I would like my three most recent wedding blog posts to show in a widget on my home page. I really like the setup with the portfolio, how the title comes when you hoover over the photo. However, would it be possible to set three recent posts next to each other with space in betweeen, similar to to screen shot attached? I’ve also attached how my recent posts are currently looking.

I’m really struggling to understand how to find the right code for this and really appreciate your help.

Many thanks.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 23, 2016, 11:59am UTC](https://colorlibsupport.com/t/recent-post-widget/13334/2 "2016-11-23T11:59:02Z")

</div>

Hi @gunvoreline,

I hope you are well today and thank you for your question.

Could you please try using the following plugins to achieve it?

> **[Recent Posts Widget With Thumbnails](https://wordpress.org/plugins/recent-posts-widget-with-thumbnails/)**
>
> List the most recent posts with post titles, thumbnails, excerpts, authors, categories, dates and more!

> **[Recent Posts With Featured Image Widget](https://wordpress.org/plugins/recent-posts-with-featured-image-widget/)**
>
> , thumbnails
> 
> Requires at least: 3.0.1
> 
> Tested up to: 4.4.2
> 
> License: GPLv2 or later
> 
> Stable tag: 2.0
> 
> License URI: http://www.gnu.org/licenses/gpl-2.

> **[WP Latest Posts](https://wordpress.org/plugins/wp-latest-posts/)**
>
> Load your content from posts, page, tags or custom post type and display it anywhere in WordPress including in Gutenberg editor

> **[Advanced Recent Posts](https://wordpress.org/plugins/advanced-recent-posts/)**
>
> Plugin that shows the latest posts with thumbnails in the widget and in other parts of the your blog or theme with shortcodes.

> **[Recent Posts Widget Extended](https://wordpress.org/plugins/recent-posts-widget-extended/)**
>
> Provides flexible and advanced recent posts. Display it via shortcode or widget with thumbnails, post excerpt, taxonomy and more.

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![gunvoreline](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/g/4bbf92/32.png) [@gunvoreline](https://colorlibsupport.com/u/gunvoreline)\
**Post date:** [November 23, 2016, 4:54pm UTC](https://colorlibsupport.com/t/recent-post-widget/13334/3 "2016-11-23T16:54:10Z")

</div>

Hi,

Unfortunately it didn’t work. They were all great plugins, though none of them could make the widget landscape in columns. Do you know how I can make it three posts landscape? All of them just go under each other like the screenshot I added…

Thanks.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 24, 2016, 11:35am UTC](https://colorlibsupport.com/t/recent-post-widget/13334/4 "2016-11-24T11:35:27Z")

</div>

Are they displaying the posts fine except landscape?

If yes then just share me your site URL where it is displaying so that i can help you to make it landscape.

---

<div class="post-metadata">

**Author:** ![gunvoreline](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/g/4bbf92/32.png) [@gunvoreline](https://colorlibsupport.com/u/gunvoreline)\
**Post date:** [November 24, 2016, 11:40am UTC](https://colorlibsupport.com/t/recent-post-widget/13334/5 "2016-11-24T11:40:33Z")

</div>

I’m planning to try out some CSS with the design afterwards, but for now it’s only about the landscape.

It’s at the bottom of the front page:

> **[Norway Wedding & Elopement Photographer](https://weddings.gunvorejakobsen.no/)**
>
> Norwegian wedding and elopement photographer based in Stavanger, Norway. With years of experience, creating natural, candid and romantic wedding photography - documenting your day just as it is.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 25, 2016, 8:31am UTC](https://colorlibsupport.com/t/recent-post-widget/13334/6 "2016-11-25T08:31:30Z")

</div>

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -\> Appearance -\> Customize -\> Shapely Options -\> Other

```auto

#main .recent-posts-widget-with-thumbnails {
    display: table;
    margin: 0 auto;
}
#main .recent-posts-widget-with-thumbnails li {
    float: left;
    position: relative;
    margin: .3em .75em .75em 0;
}
#main .recent-posts-widget-with-thumbnails li img {
    margin: 0;
}
#main .recent-posts-widget-with-thumbnails li span.rpwwt-post-title {
    text-align: center;
    display: inline-block;
    width: 100%;
    float: left;
    clear: both;
}

```