I need a css code to change slideshow button + text to different positions

PhiviaAlexandou · ‎10-02-2024

preview url: https://ytz40akg8znmnkit-41826386080.shopifypreview.com

I have 2 different pictures in slideshow, I need the position of the button/text to only switch on a specific slideshow picture, not to every single picture.

Dan-From-Ryviu · ‎10-02-2024

Hi @PhiviaAlexandou

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

<style>
@media (min-width: 750px) {
    #Slide-template--23246848000333__slideshow_ecYGML-1 .banner__content {
        align-items: flex-start;
        justify-content: flex-end;
    }
}
</style>

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

PhiviaAlexandou · ‎10-03-2024

how do I change it to different positions on specific pictures?

I need a css code to change slideshow button + text to different positions

I need a css code to change slideshow button + text to different positions

Community Blog Articles