Why does the image get blocked?

%3CLINGO-SUB%20id%3D%22lingo-sub-2394189%22%20slang%3D%22en-US%22%3EWhy%20does%20the%20image%20get%20blocked%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2394189%22%20slang%3D%22en-US%22%3E%3CP%3EGreetings%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20having%20difficulty%20with%20the%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fb3d46deb-27a6-4b1e-87b8-df851e503dec%23bkmk_customizetitle%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3ETitle%20web%20part%3C%2FA%3E.%20When%20I%20upload%20an%20image%20and%20change%20the%20layout%20to%20%22Image%20and%20title%22%2C%20the%20image%20gets%20covered%20by%20a%20gradient%20and%20the%20title%20text%20changes%20from%20black%20to%20white.%20This%20is%20the%20original%20image%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Dynamics.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F284503iD3E8843F00E09695%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Dynamics.jpg%22%20alt%3D%22Dynamics.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnd%20this%20is%20what%20it%20looks%20like%20after%20uploading%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22d2.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F284504i8526AED0842B7086%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22d2.png%22%20alt%3D%22d2.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20image%20is%20darker%2C%20especially%20near%20the%20bottom.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20can%20I%20prevent%20the%20image%20from%20being%20covered%3F%20I%20%3CA%20href%3D%22https%3A%2F%2Fanswers.microsoft.com%2Fen-us%2Fmsoffice%2Fforum%2Fmsoffice_sharepoint-mso_win10-mso_o365b%2Fwhy-does-the-image-get-blocked%2F42e5eec2-f74e-42de-bc3d-e134a462f413%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3Easked%20this%3C%2FA%3E%20in%20Microsoft%20Answers%20and%20was%20told%20that%20this%20is%20not%20possible%2C%20but%20if%20you%20keep%20the%20default%20image%20then%20the%20image%20isn't%20covered%2C%20so%20I'm%20wondering%20if%20this%20can%20be%20done%20programmatically.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3EShane.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2394189%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2395326%22%20slang%3D%22en-US%22%3ERe%3A%20Why%20does%20the%20image%20get%20blocked%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2395326%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F74073%22%20target%3D%22_blank%22%3E%40Shane%20Goodman%3C%2FA%3E%26nbsp%3Bit%20isn't%20possible%20to%20remove%20the%20gradient%20but%20there%20are%20a%20cpouple%20of%20uservoice%20requests%20for%20it%20which%20you%20can%20vote%20for%2C%20for%20example%20%3CA%20href%3D%22https%3A%2F%2Fsharepoint.uservoice.com%2Fforums%2F329214-sites-and-collaboration%2Fsuggestions%2F36003796-hero-webpart-option-to-remove-gradient-overlay%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehere%3C%2FA%3E.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23006400%22%3EIntranet%2C%20SharePoint%2C%20Website%20and%20Power%20Platform%20Manager%20(and%20classic%201967%20Morris%20Traveller%20driver)%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2396857%22%20slang%3D%22en-US%22%3ERe%3A%20Why%20does%20the%20image%20get%20blocked%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2396857%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F174092%22%20target%3D%22_blank%22%3E%40RobElliott%3C%2FA%3E%26nbsp%3BI%20think%20Microsoft%20is%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Ftopic%2F430e1a78-e016-472a-a10f-dc2a3df3450a%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3Emoving%20away%3C%2FA%3E%20from%20UserVoice.%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Greetings,

 

I'm having difficulty with the Title web part. When I upload an image and change the layout to "Image and title", the image gets covered by a gradient and the title text changes from black to white. This is the original image:

Dynamics.jpg

 

And this is what it looks like after uploading:

d2.png

 

The image is darker, especially near the bottom.

 

How can I prevent the image from being covered? I asked this in Microsoft Answers and was told that this is not possible, but if you keep the default image then the image isn't covered, so I'm wondering if this can be done programmatically.

 

Thanks,

Shane.

3 Replies

@Shane Goodman it isn't possible to remove the gradient but there are a cpouple of uservoice requests for it which you can vote for, for example here.

 

Rob
Los Gallardos
Intranet, SharePoint, Website and Power Platform Manager (and classic 1967 Morris Traveller driver)

@RobElliott I think Microsoft is moving away from UserVoice.

Thanks for this, I was wondering the same hehe