Others

How to Remove White Columns from Images in a SharePoint Carousel

Kushani Nimanthika Oct 1, 2026 868 views

Question details

Users want to remove the white background columns that appear beside images displayed in SharePoint carousel or image gallery web parts.

How to Fix White Columns Beside Images in a SharePoint Carousel

Product: Microsoft SharePoint
Device & OS: not provided
Scenario: Displaying a collection of photos or graphics using the out-of-the-box Image Gallery or Carousel web part on a SharePoint site page.
Observed behavior: White columns display alongside certain images within the carousel. Modifying the original image dimensions or aspect ratios does not remove these columns.

Before you start

Verify that you have site editing permissions to modify the SharePoint page layout and confirm which specific web part (Image Gallery, Carousel, or Hero) you are currently using.

Solution 1Recommended

Use Alternative SharePoint Web Parts or Layouts

Since the white columns are an uneditable default behavior of the Carousel, switching to a different image layout can eliminate the unwanted borders.

The SharePoint image gallery and carousel web parts use fixed containers that automatically pad images with white space if they do not match the exact internal aspect ratio.

Because there is no out-of-the-box toggle to disable this padding, using a different presentation format is the most effective workaround.

Edit the SharePoint page

Navigate to your SharePoint site page and click the 'Edit' button located in the top right corner.

Access web part properties

Click on the affected Image Gallery or Carousel web part, then click the pencil icon to open its property pane on the right side of the screen.

Change the layout style

In the property pane, change the layout selection from 'Carousel' to 'Grid' or 'Brick', which often handle varying image dimensions more gracefully.

Use the Hero web part

Alternatively, delete the Carousel and add a 'Hero' web part or a standard 'Image' web part if you want to display full-width images without white side columns.

Republish the page

Click the 'Republish' button at the top right to save and apply your new layout changes for all site visitors.

Use Alternative SharePoint Web Parts or Layouts

System Limitation: Resizing your source images will not consistently resolve this issue, as the white columns are a structural design choice of the default Carousel web part rather than an image sizing error.

Solution 2

Submit Feature Feedback to Microsoft

Report this design limitation to the Microsoft SharePoint development team to request future customization options.

Free Microsoft Office alternative

Try WPS Office for Your Document and Presentation Needs

While you use SharePoint to manage your team's intranet sites, creating the actual documents, spreadsheets, and presentations shared on those sites requires a reliable office suite. WPS Office is a lightweight, highly compatible, and free alternative to Microsoft Office.

1. Download the installer: Visit the official WPS Office website and download the free installation file.
2. Install the software: Run the downloaded file and follow the simple on-screen prompts to install the suite on your device.
3. Edit your documents: Open WPS Office to easily create and edit files before uploading them to your SharePoint document libraries.

Seamlessly compatible with Microsoft Word, Excel, and PowerPoint formats used in SharePointLightweight installation ensures fast loading and smooth local editingFamiliar user interface requires no learning curve for new usersFree to use for everyday document creation, editing, and formatting

microsoft office alternative - wps office

Frequently Asked Questions

Why does changing the image size not remove the white columns in the SharePoint carousel?

The white columns are built into the web part's underlying structural design to accommodate varying image aspect ratios uniformly. Resizing your source image does not override or bypass this default container behavior.

Can I use custom CSS to hide the white columns in modern SharePoint?

Modern SharePoint pages restrict custom CSS injection for security and stability reasons. You cannot natively apply custom CSS to hide these columns without utilizing third-party custom SPFx (SharePoint Framework) web parts.

Which SharePoint web part is best for displaying full-width images without borders?

The 'Hero' web part or the standard 'Image' web part configured within a full-width page section is highly recommended for edge-to-edge image displays, as they do not generate the white background columns seen in the Carousel.

Office Quick Solutions