I'm currently using Debut (https://shop.makelovelythings.com) and I'd like to make the overlay text left-aligned instead of centered so it doesn't run over the products in my image. I'm new to Shopify, so I'm having trouble finding that option. Is it something I need to change in the code, and if so where do I find it?
Give me store URL please so i will check.
I tried your code to align to the right, but there seems to be an issue with the responsiveness of this adjustment. When I go below a width of 750 pixels, the text box jumps to the left (text inside the box remains right aligned).
Is there a way to enforce alignment to the right of the text box also at a width below 750px?
Additionally, I would like to limit the width of the text itself as well, but as soon as I implement max-width the entire text box jumps to the left.
Can this be solved?
Thank you! This worked for me, however it has applied it to all of my images with text overlay. I only want to apply it to some of images/buttons not all of them. How do I change the other ones back but keep the ones I want as they are please?
I am still confused. Why is their a center align button if it doesn't actually work? 2nd question. When you make a new page and make the outline of the page prior to seeing it on your website, why is it positioned differently after seeing it on your live website? Last question... where do I even put this code to center my pictures? And a comment. Don't even have the center align as an option if it doesn't even work when used, y'all wasted a lot of my time.