change slider design into sweep arrows (or other) design

[arivon]

Hi! I want to change this design of the sweep things into another more user friendly (like arrows)

Turn this:

Into arrows on the sides. Or other design

[Liquid_xPert_SJ]

@arivon 

Because you did not provided the store url. i can say only that you need to find the CSS or JS code which can enable this.

[arivon]

www.paruno.com

[BSSCommerce-HDL]

Hi @arivon, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

.slideshow__progress-bar:before, .slideshow__progress-bar:after {
  width: 10px !important;
  height: 10px !important;
  border-radius: 8px !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍😍

[arivon]

Thanks, this works but it are dots wich is almost de same. Do you have any other design?

[RiktigRegnskap]

To change the slider design into sweep arrows or another design in your Shopify store, you can follow these steps:

1. Access Theme Customization: Log in to your Shopify admin panel and navigate to the "Online Store" section. Click on "Themes" and then select "Customize" for the theme you want to edit.

2. Edit Slider Section: Find the section that contains the slider you want to modify. This could be on the homepage or another specific page depending on your theme.

3. Find Slider Settings: Look for settings related to the slider design. These settings are usually found under the "Sections" or "Theme Settings" options in the customization panel.

4. Change Design to Arrows or Other: Depending on your theme and the customization options available, you may have the ability to switch the slider design to arrows or another user-friendly design. Look for options like "Navigation Type" or "Slider Controls" and choose the arrow design or another preferred style.

5. Save Changes: After making the necessary adjustments, preview your changes to see how the new design looks. Once you are satisfied, click on "Save" or "Publish" to apply the changes to your live Shopify store.

6. Test Responsiveness: Ensure that the new slider design is responsive and looks good on different devices such as desktops, tablets, and mobile phones.

If your theme does not have built-in options to change the slider design to arrows or another style, you may need to consider customizing the theme code or using a Shopify app that offers more advanced slider design options.