Jan 01 2019 07:00 PM
Jan 01 2019 07:00 PM
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 way to remove the shading? It only appears when the 'Image and Title' layout is selected.
When added to the banner:
Jan 01 2019 11:57 PM
Jan 02 2019 05:58 AMSolution
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!
Jan 02 2019 01:17 PM
Thanks Susan, some of our business areas have done just that as the shading 'ruined' the clean sharp graphic in the banner.
Jan 03 2019 12:19 AM
The Shading is probably just to enable the text which is usually white to cut through the image.
I like Susan's work around for that.
Jan 07 2019 02:38 AM
Jan 07 2019 10:15 AM
The image we used was 1536 x 238 and yes, it works on mobile. I tested it on both Chrome and IE.
Jan 07 2019 11:02 AM
Is there anywhere that Microsoft have published any image guidelines for suggested sizes and resolutions for different web parts?
I have not seen any out there.
May 30 2019 06:01 AM
I've been designing my companies' SharePoint pages and that dreaded shadow is the worst! I tried your method and it looks great. Does yours still have a bit of a white area where the regular banner would be? (Above my teal color banner)
Dec 11 2019 02:37 PM
Any word on if Microsoft is planning to remove the shading? We also have strict branding requirements and the shading makes our bright yellow look like a dirty gold.
Dec 11 2019 03:18 PM - edited Dec 11 2019 03:22 PM
The shading isn't there if you use the overlap option on the layout of the title area.
Microsoft Power Automate Community Super User
Dec 15 2019 03:22 AM - edited Dec 15 2019 03:23 AM
Until there's an OOB solution, I used the below and it works although when connecting to PnPOnline, use
"Connect-PnPOnline -Url https://mysite.sharepoint.com/sites/Site -UseWebLogin"
Jul 05 2020 10:16 PM
@Andrew Warland Just to be sure are we talking about this component? I would love to be able to remove it:
Jul 07 2020 05:54 PM
@Boyan2165 no, the original discussion was about the banner image. I don't know if that option can be removed or hidden (e.g., for visitors in particular), but the options are reduced depending on what permissions you have.
Nov 30 2020 09:07 AM
@Andrew Warland Got it - yes the banner is easy to remove, I figured that out. Well if any more simplification has come to light since July let us know! Would love to get rid of the other "little banner" as well. Thank you
Jan 21 2021 02:39 PM
Oct 11 2021 03:08 AM
@Andrew Warland Go to 'Edit web part' on the image and on the right window that pops up, switch off 'Show background gradient':