You can round the corners of various photo elements on your SmugMug site, to give it a softer, more organic feel. Just pick the code below for the elements you want rounded. If you want it to be applied to every page on your site, add it to your theme's CSS. To apply it to just one page, add it to a CSS block on that page.
Want to round it more? Round it less? Just change the "border radius" from the 8 pixel setting in the code below to a smaller or larger number. What's that "-webkit-mask-image" business all about? That fixes the corners randomly not appearing, particularly in Safari.

Thumbnails inside a SmugMug-style gallery

Untitled photo

The main image of a SmugMug-style gallery

Untitled photo

Images inside Collage Landscape or Collage Portrait galleries

Untitled photo

Images displayed in the lightbox

Untitled photo

Images in a "Multiple Photos" block

Image in a "Single Photo" block

Images in a slideshow block

Untitled photo

Attempt to round nearly every image on your site

Powered by SmugMug Owner Log In