Remove Slideshow & Mulicolumn Arrows, Button & Numbers -- Help

Store Design

Topic summary

A user needed to remove navigation arrows, dots, and numbers from both a slideshow (top of homepage) and multicolumn section (bottom, showing affiliates) on their Shopify store.

Solution provided:

  • Add CSS code to the theme’s stylesheet (base.css, style.css, or theme.css)
  • Initial code: .slider-buttons { display: none; }
  • This worked for the multicolumn section but not completely for all elements

Issue encountered:

  • Numbers still appeared on mobile devices
  • Slideshow arrows remained visible

Final fix:

  • Updated CSS with !important flag: .slider-buttons { display: none !important; }
  • This successfully removed all slider buttons, arrows, and numbers across both sections and devices

Status: Resolved. The user confirmed the updated code worked perfectly for both the slideshow and multicolumn sections.

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

Hi @globalallureusa

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.slider-buttons {
    display: none;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!