Summary Block Thumbnail Photo

Hey everyone!

I've recently put together a slider testimonials, added below code to tweak supporting thumbnail images to each, however can't get rid of the massive amount of space between the image and title with exerp. What am I missing? Screeshot attached.

.summary-thumbnail img{ 
max-width: 50% !important; 
height: 50% !important;
border-radius: 50% !important;
}

Hi,

What is page url?

Hi, 

It's https://www.projectathletic.co.uk/ and you'll find Testimonials at the bottom of the page, however (for now) I've hidden images. Any suggestions are truly appreciated.

Kind regards,

Aga

On 8/2/2022 at 1:49 AM, SquareAway said:

Hi, 

It's https://www.projectathletic.co.uk/ and you'll find Testimonials at the bottom of the page, however (for now) I've hidden images. Any suggestions are truly appreciated.

Kind regards,

Aga

Can you enable photo? We can check easier

If your site is live & you can't do this. You can duplicate the page, setup an password & share it.

Hi @tuanphan,

Just did. It looks very odd as the code I've used made the images smaller, but can't remove the spacing below the image and centre it.

On 8/9/2022 at 2:01 AM, SquareAway said:

Hi @tuanphan,

Just did. It looks very odd as the code I've used made the images smaller, but can't remove the spacing below the image and centre it.

First, remove this code

.summary-thumbnail img {
    max-width: 50% !important;
    height: 50% !important;
    border-radius: 50% !important;
}

Next, use this new code

.summary-thumbnail-outer-container {
    max-width: 50%;
    margin: 0 auto;
}
.summary-thumbnail-outer-container img {
    border-radius: 50%;
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}

@tuanphan YOU'RE SIMPLY THE BEST!! Thank you so much!!