How to move the position of the slideshow button in Studio theme

Store Design
,
1

hello,

I would like to move the position of slideshow button as shown in the picture .Need to change position of the shop now button to the bottom center in both the mobile and desktop versions.Any help would be greatly appreciated.

Screenshot 2025-01-18 at 8.19.06 AM.png
Screenshot 2025-01-18 at 8.19.06 AM.png2880×1800 467 KB

2

Hi Zhalkesi

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file section-image-banner.css and add this code at the end of the file

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient.slideshow__text--center.slideshow__text-mobile--center {
    justify-content: flex-end !important;
    height: 100% !important;
}

Best,
Esther

3

Hi @Zhalkesi

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.slideshow__text-wrapper.banner__content {
    align-items: end !important;
}
@media screen and (min-width: 769px){
.slideshow__text-wrapper.banner__content > .slideshow__text.banner__box.content-container {
    padding: 0 !important;
}
}

Here is the result:

image_480.png
image_480.png266×479 124 KB

I hope this helps

Best,

Daisy

4

hi, it works perfectly thank you.