Forum Discussion
Solved
Image web part carousel size
Hello
Can someone direct me to information or is able to tell me what should the size be of the images within the image gallery web part so it fits the size of the carousel and doesn't show grey borders on either sides of the image as shown below.
My image size is according to the aspect ratio 16:9 and I have tried chnaging this size by going very large width wise or going small but the carousel seems to always show this grey border.
Does anyone have any idea why its doing this and how can I remove it ?
Thanks, much appreciate your help.
regards
Priya
Hello priya216
when i use a picture with dimension 1920 x 1080, then i looks really good without a grey border.
I have tested with this background images 😉
Regards, Dave
- Hi priya216
This certainly can be tricky at first, especially when trying to figure out responsive design. For ease, I've created the SharePoint Content Creators Toolkit, which is 100% free to download and use.
> Figma Download: https://lnkd.in/e9TvKxEy
> PDF Download: https://lnkd.in/eGFQgBPv
The SharePoint Content Creator’s Kit contains several components, templates, best practices, and other resources for creating your SharePoint site. This design kit shows how to take advantage of SharePoint's user interface capabilities and helps you focus on user experiences and best practice design standards.
Simply paste in your desired image, preview how it will appear in the generator, and export! It couldn't be easier. Hi priya216
here are informations about sizing and scaling: https://support.microsoft.com/en-us/office/image-sizing-and-scaling-in-sharepoint-modern-pages-dc510065-b5a5-4654-bc94-e3ecbbb57d8d
Or here:
https://www.mrsharepoint.guru/sharepoint-image-sizes/
Regards, Dave
- Hello David,
I have read through these sites already and it gives me image sizes and I have set my image size to what its meant to be but still the grey borders still show.
To test the web part I changed my image size to a small size thinking I will see a large grey border but it still showed the same grey border around the image.
Any ideas ?
Thanks
PriyaHello priya216
when i use a picture with dimension 1920 x 1080, then i looks really good without a grey border.
I have tested with this background images 😉
Regards, Dave
