This seems to be simple. I need help with the custom CSS for Craft theme image with text. I looked and I was able to find some code for the banner theme which works perfect. But now I have some stylistic issues. And I’m not sure what to do. If I should keep focusing on the banner or keep trying to use CSS for image. Essentially it looks good but for banner on mobile I want the text on the bottom not top and for desktop I want it to the right and not smack dab in middle of image. And then just a few little tweaks to make the image the size I want and I’m the position I want. I think the code needs to add a bit of padding to left but ONLY on desktop because on mobile it fully fills no white and I keep trying to solve this on my own I really do but I don’t know CSS enough I can share code if needed?
Topic summary
Topic: Help needed customizing CSS in Shopify’s Craft theme for an image-with-text/banner section with different layouts on mobile vs. desktop.
Key requirements:
- Mobile: move text to the bottom of the image (currently appears at the top).
- Desktop: position text to the right (not centered) and add left padding only on desktop.
- Adjust image size and positioning to fit desired layout.
- Uncertainty whether to continue using “banner” code that partially works or switch to CSS targeting the image-with-text section.
Recent updates:
- A responder requested the store URL to inspect the section and provide exact code.
- The requester shared the URL privately and asked for the solution to be posted publicly so it can be marked accepted.
Status:
- No code, URL, or solution has been posted in the thread yet; no screenshots provided.
- Awaiting the helper’s public response with CSS snippets and guidance; discussion remains open.
Hi,
Will you please share your store url to be able to take a look at the banner and give you the code needed.
I replied to you directly you can answer back here so I can mark it as accepted if it works