Solved

Narrative slideshow, having different button locations per slide

lpdlpd
Tourist
12 1 1

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?

Accepted Solution (1)
lpdlpd
Tourist
12 1 1

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;
}

View solution in original post

Replies 2 (2)

Muhammad_Ali_S
Shopify Partner
664 121 183

@lpdlpd,

Please share your store URL. 

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142
lpdlpd
Tourist
12 1 1

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;
}