How do I remove the controls from the slideshow (arrows, pause/play, and dots) on boundless theme

Topic summary

Goal: remove slideshow controls (arrows, pause/play, dots) from the Boundless theme so slides auto-play without customer interaction. A screenshot illustrated the specific controls to hide.

Proposed approaches:

  • Try disabling controls in the Slideshow section settings; if unavailable, provide a store link for assistance.
  • Add a CSS rule to the theme stylesheet to hide the controls.

Working solution (confirmed by the original asker after initial difficulty):

  • In Online Store > Themes > Actions > Edit code, open theme.scss.liquid and paste at the very bottom:
    .hero__controls { display: none; }
  • Save changes. This hides the slideshow controls.

Status and open questions:

  • The original requester confirmed it works after placing the code correctly.
  • Follow-up questions remain unanswered: one user doesn’t have a theme.scss.liquid file and asked for an alternative; another asked how to do this on other themes. No additional guidance was provided for those cases.

Notes: The key artifact is the CSS snippet; the screenshot helps identify which UI elements were targeted.

Summarized with AI on January 5. AI used: gpt-5.

@dayday1727 It should have worked which file you added the code in? you need to add the code at the very bottom of theme.scss.liquid

Else share your store link if this doesn’t works again.