how i can remove this arrow for my collection list section only

[Manishuk01]

how can I remove this arrow for my collection list section only

website link - https://g8tiyz-ui.myshopify.com/

 

[Moeed · Accepted solution]

Hey @Manishuk01 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
section#shopify-section-template--18470511640725__collection_list_dmCAGf .slider-buttons {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Manishuk01]

want to remove only on collection section 

[Moeed]

Hey @Manishuk01 

I have updated the code, you can try it out again and it will remove only for that section.

Best Regards,

Moeed

[Manishuk01]

thank you bro

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Manishuk01]

thank you once again i have posted one more problem below this if you look on that problem as well really appreciate the help 

[Ellie-BOGOS]

Hi @Manishuk01 

This is Ellie from BOGOS.

Do you want to remove this arrow for only the collection above?

[Manishuk01]

yes only for collection section 

[topnewyork]

Hi @Manishuk01 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
ul#Slider-template--18470511640725__collection_list_dmCAGf .svg-wrapper { {
    display: none !important;
}
</style>

 If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!