SharePoint Section Background Does Not Save: What Site Owners Should Check

When you set a section background on a SharePoint modern page, the change may not stick. You pick a color or image, click Save, and the page reverts to the default white background. This problem usually occurs because of a conflict between the section theme setting and the site theme or a custom master page. This article explains why the background does not save and shows you the specific settings to check and fix.

Why SharePoint Section Background Does Not Save

SharePoint modern pages use a layered theming system. The section background setting is part of the page layout, but the site theme can override it. When you select a background color for a section, SharePoint stores that choice in the page metadata. However, if the site theme has a fixed background color or uses a custom CSS file, the theme takes priority and discards the section-level change.

Another cause is the use of a custom master page or a classic publishing feature. SharePoint modern pages rely on the default Seattle master page. If your site uses a custom master page or has the SharePoint Server Publishing Infrastructure feature active, the modern section background control may not function correctly. The page loads the classic rendering engine, which ignores the modern section formatting.

A third cause is a browser cache issue. After you save the page, your browser may display the cached version that does not include the new background. This is not a permanent failure, but it can make you think the save did not work.

Steps to Check and Fix Section Background Not Saving

1. Check the site theme in SharePoint admin center
   Go to SharePoint admin center > Active sites > select your site > Settings > Theme. If a custom theme is applied, change it to the default Office theme. Click Save. Then return to your page and try setting the section background again.
2. Reset the site theme from the site settings
   On your SharePoint site, go to Settings (gear icon) > Site information > View all site settings > Site theme. Select the default theme named Office. Click Apply. This removes any custom color overrides that may block the section background.
3. Use the correct section formatting panel
   Edit the page. Hover over the top of the section and click the leftmost edit icon (pencil). In the section formatting panel on the right, expand Background. Choose a color from the palette or enter a hex code. Do not use the page theme color dropdown in the ribbon. Click Save and then Publish.
4. Clear your browser cache and reload the page
   Press Ctrl+Shift+Delete to open the clear browsing data dialog. Select Cached images and files. Click Clear. Reload the SharePoint page. The section background should now appear.
5. Deactivate classic publishing features
   Go to Settings > Site information > View all site settings > Site collection features. If SharePoint Server Publishing Infrastructure is activated, click Deactivate. If SharePoint Server Publishing is also activated, deactivate it. These features force classic rendering and break modern section backgrounds.
6. Remove custom master page or alternate CSS
   Go to Settings > Site information > View all site settings > Master page. Under Alternate CSS URL, select Use default. Under Master Page, select Default master page (Seattle.master). Click Apply. This restores the modern rendering engine.

If SharePoint Section Background Still Has Issues After the Main Fix

Section background color appears but does not match what I selected

The site theme may have a color palette that maps the section background to a different shade. Go to Settings > Site information > View all site settings > Site theme. Click the pencil icon next to the current theme. Look at the color slot named Body background. If it is set to a specific color, change it to white or transparent. Click Save. Then reapply your section background.

Section background works in edit mode but disappears after publishing

This indicates a content approval or versioning issue. Go to the page library settings and check if Require content approval is enabled. If it is, the published version does not include your latest edits. Approve the page as a site owner. Alternatively, check the page version history and ensure the latest version is the one published.

Section background option is grayed out

The section background option is only available for sections that contain web parts. Add at least one web part to the section. If the section is empty, the background option is disabled. Also, the option is not available when you are using the full-width or vertical section layout. Switch to a standard one-column, two-column, or three-column layout.

Section Background Not Saving: Common Scenarios Compared

Scenario	Root Cause	Fix Action
Custom site theme applied	Theme overrides section color	Reset site theme to Office default
Classic publishing feature active	Forces classic rendering	Deactivate publishing features
Custom master page or alternate CSS	Replaces modern rendering engine	Revert to Seattle.master and default CSS
Browser cache holds old version	Displays cached page without background	Clear browser cache and reload
Content approval required	Published version does not include edits	Approve the page version

Now you can check the site theme, deactivate classic publishing features, and clear your browser cache to resolve the section background issue. Next, verify that your page sections use a standard layout and contain at least one web part. For a permanent solution, avoid applying custom themes that lock the body background color.