Recent classic post element image editing issues

I am currently trying to figure out if i can edit the size of the image and remove the border COMPLETELY surrounding the image. When I look at the images in the classic recent posts element, all I want to see is the images alone and nothing else. Please help. thanks guys.www.thinkhealthyfitness.com

Hi,

Your site is currently under maintenance mode so we can’t check.

You can try adding this in Theme Options > CSS

.x-recent-posts a {
   border: 0;
   box-shadow:none;
}

.x-recent-posts-content {
   display:none;
}

Hope that helps.

Thank you very much… thought i disabled maintenance mode, just disabled it now. Anyways worked great, was just wondering how to adjust the size of the images so they appear a little bigger when people visit my homepage. Thanks again!

Hi There,

You can add this to Theme Options > CSS.

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

Cheers!

Thank you as well. That made it look a lot nice. Is there any way I can adjust the size of the images?

Here is an example of what I would like it to look like here

Hi,

The recent posts size depends on the size of the container and the number of items per row.

If you have 4, it will divide the container’s width by 4.

To increase the size, it’s either you increase the size of the container or decrease the number of items in a row.

Try adding this in your row element Inline CSS

max-width:100%;width:100%;

1 Like

Thank you. That worked out awesome. Last question and I think im all good. If you look at my blog images as they display in my recent posts. You’ll notice the one all the way to right is perfect, but the other one, second from the left is cut off. I keep trying to crop it so it doesnt cut off my designs on the image, but it will not work. What is the optimal size image for the “featured Images” so that not gets cut off? Or is there something that i can do to adjust that photo so that it doesn’t cut off my design on the actual photo

Hi There,

Actually, all of those 4 featured images are cut because its dimension (square) is not fit with the container (rectangle).

Please have an image with 16:9 ratio.

Hope it helps,
Cheers!

Thank you!

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.