- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
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?
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
@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).
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
@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).