I want to add functioning arrows on top of slideshow images

Topic summary

Goal: Add visible left/right arrow controls over slideshow images (far left/right) in the Shopify Studio theme after removing the dots/number counter. An example screenshot and the store URL were provided.

Attempted solution: A community member shared CSS to place arrows on top of the slideshow by:

  • Hiding dots and autoplay controls.
  • Absolutely positioning the slideshow controls at mid-height across the full width.
  • Styling arrow icons in white and anchoring prev to the left and next to the right.
  • Instructions were to add this to component-slideshow.css.

Result: The suggested CSS produced no visible changes on the site according to the requester.

Current status: Unresolved. The requester has followed up multiple times asking for further assistance. The screenshot example is central to understanding the desired arrow styling and placement.

Summarized with AI on December 31. AI used: gpt-5.

can you still help me with this?