This is something Awkward shape of the Recent Post

[learnmechanical2019]

Hey team, kindly look at this screenshot, please

As you are seeing there is an extra bump on the last section, can you tell me how that is formed?

And,
Can you tell me how to achieve this type of interface, little gap.

As mentioned here http://demo.theme.co/integrity-1/shortcodes/recent-posts/

[friech]

Hi Saswata,

Thank you for writing in,

@learnmechanical2019

As you are seeing there is an extra bump on the last section, can you tell me how that is formed?

Did you copy and paste that content? Probably there is a broken HTML markup on that content. It’s very important to check that as it can affect the other content, you can use this HTML checker here.

If you can’t find any error please provide us the direct page URL where we can see the issue. And if you don’t mind please provide us login credentials in a secure note as well.

@learnmechanical2019

Can you tell me how to achieve this type of interface, little gap.

That little gap is default margin of recent posts shortcode/element

try this:

[recent_posts count="4" no_image="true" orientation="vertical"]

Is the recent post shortcode on your end has no gap? It could be a side effect of the first issue. Please clarify.

Cheers!

[learnmechanical2019]

Hey, @friech the above picture is generated by that short code where I use 4o recent posts to display.

Here is the URL: https://learnmechanical.com/fluid-mechanics-and-hydraulic-machine/

[christian]

Hey Saswata,

We’re sorry Friech didn’t know that this is a known bug. For now, please add this code temporarily in Theme Options > CSS.

.x-recent-posts .no-image {
    width: 100%;
    margin-bottom: 4%;
}

Hope that helps.