Eliminate squares around thumbnails

Hi Joethebaker,

The white background on the thumbnail is a cover of your thumbnail (your real thumbnail is a square image).

Add this css code to your custom css file:

.widget-front .thumb-wrapper {
border: none! important;
}

.round-div {
border: none;
display: none;
}
.thumb-wrapper .wp-post-image {
border-radius: 300px;
width: 250px;
}

If you don’t have any custom css file, you can install this plugin https://www.ads-software.com/plugins/pc-custom-css/

Thanks, Shinjing. Is there any way to do this and still make the circles grow and shrink?

Also, it looks good on my front page but there are still boxes around my thumbnails on my posts page (https://www.joe-the-baker.com/blog-2).

Can’t be done with the background image, no.

The “circles” are in fact squares with round borders on top. The borders enlarge on hover, giving the zoom effect. They have to be a solid colour to work, not a background image.

Sorry! I agree the effect would be good on your site.