Narrative slideshow, having different button locations per slide

Solved
lpdlpd
Tourist
5 1 0

Hi, I've managed to figure out the code to adjust the location of the buttons on the Narrative slideshow to work with my layout, but now I'm wondering if there was a way to set the location of the buttons specifically for EACH slide. I'd like to be able to set different locations for the button depending on the image I choose for the slide. This seems ambitious but maybe there's someone out there that can help me out?

0 Likes

@lpdlpd,

Please share your store URL. 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
lpdlpd
Tourist
5 1 0

This is an accepted solution.

I ended up finding my own solution. Once you find the slide id's via google inspector, the code structure is as follows. Paste this at the end of theme.scss.liquid.

// changing button location per slide, find slide id by inspector
.slideshow__slide--1626878734a328bb4b-0 .slideshow__text-container {
left: 15% !important;
}

0 Likes