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

Store Design
, ,
1

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!

1 Like
2

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!

3

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;
}
2 Likes
4

Perfect it worked! Thanks again so much!

2 Likes
5

Your Welcome, Happy to help. :blush:

6

Hi Made4U-ribe,

I successfully applied your solution to an older version of the symmetry theme on a clients site and it made the arrows go away (thank goodness thank you!!), but im now trying to do the same on another clients site and its an updated version of the symmetry theme and I can’t find the CSS file in assets. Its actually a whole different asset list. Any idea how I can do the same but on the Symmetry 7.1.2 version. Any hlep would be amazing! Thank you!