Forum Discussion

Steel Contributor

Jan 02, 2019

SharePoint modern pages - removing the shading from banner images

We have distinct branding requirements and found that banner images are shading out our colors. The two images below are not ours, but show what happens to ANY image used as a banner. Is there a...

SharePoint Online

Susan_Hanley
Jan 02, 2019
We noticed the same thing and came up with a work-around that might help you. We sized the image to work as a banner and then added it to a full width image web part on the top of the page. No shading and same outcome!

CandiceEGraham

Copper Contributor

AndrewWarland Go to 'Edit web part' on the image and on the right window that pops up, switch off 'Show background gradient':

KylaAtTheLibrary

Copper Contributor

May 02, 2022

These instructions aren't working for me. I don't see a 'Show background gradient' when I edit the web part, which is an image in the Hero template. Is there an update to these instructions? Thank you so much. Kyla

KylaAtTheLibrary
Copper Contributor
May 02, 2022
@Andrew Warland
Here's a screenshot of that which I'm talking about...
- SusanHanley
  MVP
  May 02, 2022
  KylaAtTheLibrary The option to remove the background gradient is only available for the page title banner image. It is not an option for the images in the hero web part, but you are not alone in wanting this! You can upvote this item in the feedback portal: Hero Webpart - Option to remove gradient overlay · Community (microsoft.com) to add your vote to the existing feedback item.
- Leland Usher
  Brass Contributor
  Apr 20, 2023
  Oh, that's the HERO web part not the carousel web part.
  - ganeshsanap
    MVP
    Apr 21, 2023
    Leland Usher Unfortunately, SharePoint news carousel web part does not support "Show/hide background gradient" options.
    Please consider giving Like if my post helped you in any way. For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs