How to remove the arrow on the product image slideshow?

[KimGottwald]

Hello,

does somebody know How to remove the arrow on the product image slideshow?

Thank you!

url: aliudclothing.com 

[Sonya_2025]

Hey @KimGottwald 

Pls following below steps:

1. Find the two buttons in your theme code editor. I am not sure where, remove the code I marked up

2. Go to the theme editor. Choose the product template you are using

3. Select the image slide section

4. Add below code to the custom css inputbox at the right corner

.slick__arrow--next {
  display: none
}

.slick__arrow--previous {
  display: none
}

Feel free to reach out if you need further assistance

[abdulmoeed37 · Accepted solution]

Hi, please click on the customize button on the theme in which you want to remove the arrows.

Go to the product template and click on product information.

Scroll down and at the bottom you will see the option of adding custom CSS. Just paste the below code in custom CSS box to hide the arrows.

Please keep in mind that this code will hide arrows both on desktop and mobile devices. If you only want to hide these arrows on mobile then let me know.

.slick__arrow {
display: none !important;
}

If you are having difficulties in adding this code, let me know.

[Nannachri99]

It doesn’t work for me 

[abdulmoeed37]

Can you please share more details about your issue?

Send the screenshot as well as the code which you are trying to implement.

If possible please share your store URL as well.