Round corners of Thumbnails Avenue

Site URL: https://www.myrandomviews.com/

Round off corners of thumbnail images, index grid Avenue. 

I have tried code but to no avail. Luckily nothing bad happens to my Index, but not what I am trying to do either. I want to round off the corners of the thumbnails in the grid. If it is possible. This is the last bit of code I used in custom CSS:

.collection-type-index.index-detail div#grid
img{
    border-radius:1%;
}
 

Can you share link to exact page?

That does help doesn't it. 

https://myrandomviews.com/views-images

3 minutes ago, derricksrandomviews said:

That does help doesn't it. 

https://myrandomviews.com/views-images

Add to Home > Design > Custom CSS

body#collection-55342f9fe4b003aefe420900 a.project .content-fill {
    border-radius: 50%;
}

Terrific! It worked, I can adjust it from 0 to 50 and then I can shrink the circles and make them smaller. I have it set to 5 percent. Looks good. Thanks

tuanphan. I could not figure out what was missing in all the code combos I used. 

1 minute ago, derricksrandomviews said:

Terrific! It worked, I can adjust it from 0 to 50 and then I can shrink the circles and make them smaller. I have it set to 5 percent. Looks good. Thanks

tuanphan. I could not figure out what was missing in all the code combos I used. 

see screenshot, .content-fill = image width

image tag = image + left/right white, so it wont work.

Makes sense, I had the section id in an  earlier bit of code, but used the image tag. You hit it right on the head. 

On 5/19/2020 at 8:34 AM, tuanphan said:

see screenshot, .content-fill = image width

image tag = image + left/right white, so it wont work.

On 5/19/2020 at 8:23 AM, tuanphan said:

Add to Home > Design > Custom CSS

body#collection-55342f9fe4b003aefe420900 a.project .content-fill {
    border-radius: 50%;
}

 

I have the avenue template 7.0 and this didn't work for me. I copy pasted the above into Home, design, custom CSS and nothing changed. Can you help @tuanphan?

On 11/6/2021 at 1:01 AM, erica_ericacatherine84 said:

 

I have the avenue template 7.0 and this didn't work for me. I copy pasted the above into Home, design, custom CSS and nothing changed. Can you help @tuanphan?

Try this code

a.project .content-fill {
    border-radius: 50%;
}