Move Slideshow Button in Narrative Theme

Solved
HeydayMateShop
Tourist
5 0 2

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
Shopify Partner
19219 2014 7094

Hello, @HeydayMateShop 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HeydayMateShop
Tourist
5 0 2

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! 

0 Likes
KetanKumar
Shopify Partner
19219 2014 7094

This is an 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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HeydayMateShop
Tourist
5 0 2

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
New Member
1 0 1

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
Shopify Partner
19219 2014 7094

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
LPERFECTIONS
New Member
1 0 1

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

KetanKumar
Shopify Partner
19219 2014 7094

@LPERFECTIONS 

Thanks for the update and your compliments 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
DogtasticFinds
Tourist
8 0 2

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