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

Store Design
1

Hello there! I have both a slideshow and multicolumn that have the arrows, dots or numbers and I would like to remove those from both.

This is the direct link, they’re both on the home page – slideshow on the very top and multicolumn at the bottom with “Affilliates”

Thank you https://globalallureusa.net/

1 Like
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!

3

Hi there! This code worked for the multi column that I have for my “affiliates” would this work for the slideshow as well at the top of the page?

Screen Shot 2025-01-10 at 5.20.49 PM.png
Screen Shot 2025-01-10 at 5.20.49 PM.png1115×359 243 KB

4

Also it still shows the numbers when I go on my mobile device?

5

If it not working replace on this one.

.slider-buttons {
    display: none !important;
}

And Save.

This will hide all the slider buttons.

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

6

Thank you so much! This code worked perfectly for both issues. I appreciate your assistance!

7

Welcome! Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!