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

Topic summary

A user is working with a slideshow containing 2 different images and needs CSS code to reposition buttons and text on specific slides, not universally across all images.

Current Status:

  • Initial request included a preview URL and screenshot showing the slideshow layout
  • A respondent (Dan-From-Ryviu) provided CSS code to be added to the theme.liquid file after the <head> tag in Shopify’s theme editor
  • Code snippet and implementation screenshot were shared

Outstanding Question:
The original poster followed up asking how to modify the code to apply different positions to specific pictures within the slideshow, rather than a single uniform positioning. This question remains unanswered, indicating the discussion is ongoing and the solution needs further customization for slide-specific positioning.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

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.

Hi @PhiviaAlexandou

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


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