Thumbnails appear half grey

Hi, you missed the link

Ugh sorry! It’s https://lavidaluka.com

Thanks but i cannot see any half grey image! ??

did you try with another browser ? or clearing your cache memory?

https://lavidaluka.com doesn’t work – https://lavidaluka.com does though.

All of the thumbnails seem absolutely fine from here. Have you cleared your browser cache since deactivating the plugins?

Something is wrong with your https version, this is what i got with firefox

The owner of lavidaluka.com has configured their website improperly. To protect your information from being stolen, Firefox has not connected to this website.more

I’m a complete idiot with this stuff, sorry guys! Thanks for the help. So if I can fix what’s wrong with my https version it’ll be okay? How do I do that?

I’ve tried clearing the cache and I’ve checked from a different browser. I’ve also got a friend to check and it still looks like this: https://lavidaluka.com/wp-content/uploads/2016/04/Recent.png

Ah, ok. I see the grey now.

It is caused by the div that contains those images being 80px square and the images not being square after cropping.

The easiest way to fix it would be to change the grey background of the div to white.

Find this in your style.css file:

.recent-posts-wrapper .post .post-image {
width: 80px;
height: 80px;
float: left;
display: block;
background-color: #DADADA;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
}

and change the background-color to #FFFFFF;

EDIT:

Just realised that you could alternatively change the height to be 100% instead of 80px.

As for the https issue, I suggest talking to your webhost about it

Okay, changing the background colour helped but my thumbnails are still an issue. Even though the grey is gone, whatever I crop to be the thumbnail still is not what appears on the page. See the links below as an example.

Here’s what I selected to be the thumbnail:

https://lavidaluka.com/wp-content/uploads/2016/04/Thumbnail-1-2.png

Here’s how it displays:
https://lavidaluka.com/wp-content/uploads/2016/04/Thumbnail-2.png

@luka

if your site not configured for https its normal to return this result i got.@John i dont know why you tried to open the site with https in the first place.

@luka
you are using this theme https://colorlib.com/wp/themes/activello/

and probably the best place to get support for this issue is from the author.Have you tried contacting him/her?

@dimitris

Because the original link posted was https:// – it has obviously been edited since then.