Shading in news web part

Occasional Contributor

Hello All,

 

I am facing issue with News webpart

I am using news web part in carousel mode and seeing shading on all images in news webpart

Please see

 

I want to get rid of grey shading on urgent basis please help

vish3027_0-1596293460576.png

 

5 Replies

@vish3027 in the carousel layout of the news web part there is no way to remove the shading as it uses the same gradient as the Image and Title layout on a news or site page - and you can't change that either other than to a different layout.

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User

@RobElliott 

Is there any alternate way to create carousel news web part without grey shade.

 

Any customize solution will also helpful.

 

Please help.

Hello, did you find any solution to this issue? I would very much like to remove the gray shading as well. Thank you.

@Leland Usher Check responses by @Susan Hanley / @Susan Hanley on this thread: SharePoint modern pages - removing the shading from banner images about using images with specific sizes in page header which might help you to remove shading on images.

 

If you want to remove complete page header and image section on news/site pages, follow this: SharePoint Online: Create a blank page without header & title 


Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs

@vish3027 If you need custom solution for news carousel, you will have to develop it using SPFx.

 

Check below SPFx sample which will help you to get started with:

  1. News 
  2. Images and Videos in a Carousel 

You will have to combine logic given in above two web parts in single SPFx web part for news pages.


Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs