How can i move button position in slideshow?

Store Design

Topic summary

A user working with Shopify’s Dawn theme wants to reposition buttons within the slideshow section.

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add CSS code at the bottom:
.banner__buttons {
  position: absolute;
  top: 65%;
}

Key Points:

  • The provided CSS solution works for both desktop and mobile layouts
  • The code uses absolute positioning to move buttons to 65% from the top
  • An additional question was raised about changing button text alignment, which remains unanswered

The thread appears ongoing, with the alignment question still open for discussion.

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

Hi there, I am using DAWN Theme for build and I like to move the button position on the slideshow, how can I do it?
https://4f0dquenorhhlx7k-50247467201.shopifypreview.com

Screenshot 2022-12-30 at 3.02.54 PM.jpg
Screenshot 2022-12-30 at 3.02.54 PM.jpg2170×1420 438 KB

2

HI @ASI2

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.banner__buttons {
    position: absolute;
    top: 65%;
}

PageFlyVictor_0-1672384559897.png
PageFlyVictor_0-1672384559897.png1208×531 820 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

And i need to adjust it in mobile-side too, thzx

4

Hi @ASI2

Sorry for missing your message.

You can use the code I sent above, it will work for both mobile and laptop.

5

how do we change the text of the button to also align?