SpiceGems Knowledge Base
All AppsContact Us
Spice Image Gallery
Spice Image Gallery
  • Overview
  • Create a gallery
  • Upload images in gallery
  • Configure gallery
  • Embed gallery in your store
  • Attach hyperlinks on images
  • Rearrange image positions in a gallery
  • Add captions to images
  • LightBox image gallery
  • Custom CSS
  • Gallery with round images
  • Gallery with polaroid effect
  • Configuration of load more button
Powered by GitBook
On this page

Gallery with round images

PreviousCustom CSSNextGallery with polaroid effect

Last updated 6 months ago

A custom CSS will help you to decorate and display your uploaded images in the round. You can refer the below provided CSS code to apply in your created gallery to show images in the round:

Custom CSS for the round images in gallery :

.sg-rg-thumb{
	border-radius:50%;
	border: 3px solid #cecad8;
}

Copy the code above and paste it in the Custom CSS form of your gallery. This is how it will look as result.