x

Rounded Corner image gallery?

Hello!

I was wondering how I would go about making all of my images on a page or gallery have rounded corners? I've tried playing around with the custom CSS but couldn't quite figure it out. Anyone know of a solution using the custom CSS? 

1,023 Views
Message 1 of 2
Report
1 Best Answer

Best Answer

@left2fail In the Site Editor, click "Settings" then SEO in the left-hand sidebar then scroll down to the "Header Code" input box. Add the following code:

<style>

.galleryInnerImageHolder img {
/* Round the corners of thumbnail images in a Weebly image gallery */
   border-radius:5px;
}

</style>

You can play around with the amount of rounding on each gallery thumbnail image by changing the border-radius pixel size (increase or decrease the indicated 5px to a value that you like).

View Best Answer >

1,010 Views
Message 3 of 2
Report
1 REPLY 1

Best Answer

@left2fail In the Site Editor, click "Settings" then SEO in the left-hand sidebar then scroll down to the "Header Code" input box. Add the following code:

<style>

.galleryInnerImageHolder img {
/* Round the corners of thumbnail images in a Weebly image gallery */
   border-radius:5px;
}

</style>

You can play around with the amount of rounding on each gallery thumbnail image by changing the border-radius pixel size (increase or decrease the indicated 5px to a value that you like).

1,011 Views
Message 3 of 2
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.