Docs

[coryyeakel]

Hey guys,

So I’ve looked through dozens of threads but can’t seem to find an answer to this. I’m trying to remove the padding around the featured image in the Recent Posts shortcode. I’ve attached 2 images and explained below to show you what I’m trying to achieve.

Image 1 [Current Recent Posts Layout] is how the posts currently look. Image 2 [Blog Post Example] is how I want them to look, with the image having no padding around it.

The title and the rest is fine, I’m happy with that, I’m just trying to get rid of the padding around the image.

Please let me know what I can add to get this. Thanks!

[coryyeakel]

This reply has been marked as private.

[Prasant Rai]

Hello Cory,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-recent-posts a {
    padding: 0 !important;
}

Thanks.

[coryyeakel]

Hey Prasant,

Thanks for the code. This works to remove the padding around the image, but at the same time it also removes the padding around the title and date (which I don’t want). Is there a way to isolate just the image in the recent posts shortcode so that I can make customizations to that specifically?

Thanks!

[coryyeakel]

Actually – I figured out a work-around that I’m happy with! Thanks! But I’m still curious for the future…is it possible to isolate just the image as I noted in the reply above?

[Friech]

Hi There,

You can adjust the padding around the title in conjunction with the code given above.

body .x-recent-posts .x-recent-posts-content {
	padding-left: 20px;
padding-right: 20px;
}

Hope it helps, Cheers!

[Author]

Posts