Forum Discussion
Image webpart - Add text over image
Rie0205, is there still no solution for this problem? We're having a related problem with one of our sites (University of Colorado). We're using a three-column layout, and we've placed an Image Widget in each of the three columns. These images are basically supposed to function as large buttons (tiles) that take the user to major parts of our site. The problem we're having is that the text overlays disappear at a certain screen width -- an unintended side effect of responsive layouts.
Illustration: On a very wide screen, the text overlays are displayed as intended:
On a slightly narrower screen, however, the text overlays disappear completely:
Now people have no idea what they're clicking on. Defeats the whole purpose.
If the screen gets narrower still, the Image Web Parts rearrange themselves into a single column, and we once again have functional "buttons" with text:
So, the problem is just in that intermediate range. But it's a big problem.
DanRobinson I haven't heard or seen any updates made on this problem. 😞
I wish we have more options to change text sizes or colors...
- DanRobinsonMar 09, 2022Copper Contributor
Rie0205, do you think I should submit my own ticket on this? I was thinking there was a Microsoft employee participating in this discussion, but I guess there's not.
This issue was creating enough confusion among our users that we had to redesign the page in question, replacing all the Image webparts with Call-to-Action webparts. That solved the immediate problem, but it makes for a worse user experience -- it doesn't look as nice, and users have to click on a button superimposed over the image to go to the target page. (Before, they could click anywhere on the image.)
- Rie0205Mar 09, 2022Brass ContributorHi,
I would recommend doing so. Your issue is slightly different from the issue I had. I am curious to see if there are any solutions/updates on your topic.
Thanks,- DeeAllanApr 29, 2022Copper Contributor
Rie0205 , DanRobinson OMG i thought it was just in the mobile view we had problems but i note the exact same issue as you describe. If you do go direct and get an outcome i would be really interested.