Move Slideshow Button in Narrative Theme

[HeydayMateShop]

Hi everyone,

I'd like to add a 'Shop Now' button to the Slideshow at the top of my shop, however I have a specific photograph that I like using at the top, so I'd like the button to be centred as low as possible on the slideshow photo. How do I do this?

Thanks in advance - other people's Q&As here have helped me a ton in the past! 

[KetanKumar]

Hello, @HeydayMateShop 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

[HeydayMateShop]

Sure  - the site is https://heydaymate.com/

I'd love if the 'shop now' button could sit below the cans, but still overlaid on the image. Hope that makes sense! 

[KetanKumar · Accepted solution]

@HeydayMateShop 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.slideshow__text-container {
    top: 30%;
}
.slideshow__heading-cta {
    margin-top: 0;
}

[HeydayMateShop]

Thank you so much, that worked a treat.

For anyone asking the same: I changed it from 30% to 92% for it to sit in the perfect location!

[gbbuggs]

Hello, 

I did the same, but nothing happen.  Also, how would you edit the button?  I didn't see anything in the code relating to what it will say.  

[KetanKumar]

Hello, @gbbuggs 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[LPERFECTIONS]

This worked like a charm:-) Thanks a bundle!!!

[KetanKumar]

@LPERFECTIONS 

Thanks for the update and your compliments 

[DogtasticFinds]

What would be code for me to lower the button slightly?