How to move the text and shop now button lower on image with text overlay?

Topic summary

A user working with the Debut theme wants to reposition text and a “Shop Now” button toward the bottom of an image with text overlay. They’ve tried existing solutions without success and included a screenshot showing their current layout.

Proposed Solution:

  • PageFly-Victor suggests editing the theme files:
    1. Navigate to Online Store → Theme → Edit code
    2. Open the theme.liquid file
    3. Paste custom CSS/markup code before the closing tag

The response includes code snippets (displayed in reverse/encoded text in the original post), though the complete code implementation details aren’t fully visible.

Follow-up Question:
Another user asks how to apply similar positioning changes to buttons in their featured collection section on a different site.

Status: Ongoing - awaiting confirmation if the solution works and response to the follow-up question.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

I have tried to use other previously posted solutions but haven’t had any luck. I want to move both the text and shop now bottom so they are toward the bottom of the image. I am using Debut theme. Please see screenshot below. Website URL is www.conservationcandy.co

Hi @candyman1 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :


Hope my answer will help you.

Best regards,

Victor | PageFly

How do I do this for my site for buttons on text in my featured collections section? www.longwaycalifornia.com