I have a question regarding the promoted links overlay. I have seen posts that make the overlay completely transparent, but I can't find anything that does exactly what I want.

When the promoted link is untouched, I want the black box overlay to be transparent, but when the promoted link is hovered over, I want the overlay to appear and cover the entire link to make it easier to read. Is this possible?

Thank you in advance for your help.

1 Answer 1


you will have to override the default CSS for promoted links web-part you can use the below CSS which fits your requirement.

    background-color: rgba(0,0,0,0);

    background-color: rgba(0,0,0,0.6);

enter image description here

  • @Mason Please accept the answer as accepted in case it helped you !! Commented Nov 27, 2017 at 21:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.