Hoping someone can help me with this issue - I have a hero image on my homepage using an image + text however in order for the text to be easy to read Shopify applies a mask over the image which works but it means the image gets quite dull and greyed out.
I have tried playing with the overlay colour and transparency but as soon as you lower it enough to ensure the image is vibrant, the text becomes very hard to read.
I thought about making the image in Photoshop with just a black box around my text but when I did a test run I can see that it messes up when the window is made smaller or on mobile because it's no longer responsive.... What can I do?
Hyde here from Shopify. Great question!
You could always try adjusting the actual font color to create more contrast! There's a helpful guide on how to edit your typography, color, and layout right here.
Here's the video from the guide too:
If that doesn't help or if I've misunderstood the question, please do let me know I'm happy to help!
All the best, Hyde.