Remove arrows on Collection Page product images and Testimonials section on Symmetry theme

[Levia]

Hi!

I want to remove the arrows on product images on Collection Pages as well as from the Testimonials Section on Symmetry theme 6.0.0. Could anyone help me to locate section where these are located in code and how to do it? Thanks so much!

[Made4uo-Ribe]

Hi @Levia ,

 Would you mind to share your URL website with password? So we can provide the better solution. You can PM if you dont like to public. Thanks!

[Made4uo-Ribe · Accepted solution]

Hi @Levia ,

Thank you for the info. I understand that you want to remove the arrows on product images on Collection Pages as well as from the Testimonials Section. i did not remove all over I just hide so It wont affect the functions.

Try this code. 

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 "theme.scss.liquid, styles.scss.liquid or base.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:
4. And Save.

.testimonial-list__controls {
    visibility: hidden;
}
a.image-page-button.image-page-button--previous.ltr-icon {
    visibility: hidden;
}
a.image-page-button.image-page-button--next.ltr-icon {
    visibility: hidden;
}

• Result:
•   
• I hope it help.

[Levia]

Perfect it worked! Thanks again so much! 

[Made4uo-Ribe]

Your Welcome, Happy to help.😊