Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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;
}
Please share your store URL.
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;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024