[F2U CSS] Circle Thumbnails

artbymaxm

Info

Created: 2 years, 5 months ago
Creator: https://toyhou.se/artbymaxm
Favorites: 565

Profile

[F2U CSS] CIRCLE THUMBNAILS

a quick css snippet to make all image thumbnails in your profile circle! even non-square ones! simply put this code in your profile css. do note that this code doesn't have hover transitions. also, no need for credit here, as it's just a simple snippet ^^

this code might also work with other css imports, but i can't be 100% sure! (i only tested it on one lol) also it glitches out sometimes, but it goes back to normal after a while (i'll have to figure out why)

TOS DONATE CODES

    
/* CIRCLE THUMBNAILS */
/* feel free to remove the !important if you're not using a css import made by someone else! also you can adjust the size of the thumbnails as needed, just remember to keep them square. */

.thumb-image a.img-thumbnail, .thumb-image a.img-thumbnail img {
  background-color: transparent!important;
  border-radius: 50%!important;
  border-color: transparent!important;
  height: 150px;
  width: 150px;
  object-fit: cover;
  object-position: left top;
  box-shadow: 0 0 0!important;}
  
.thumb-image:hover a.img-thumbnail:hover, .thumb-image:hover a.img-thumbnail:hover img {
  background-color: transparent!important;
  box-shadow: 0 0 0!important;}
  
.gallery-row { justify-content: center; }

Recent Images

No images.