How do i remove these arrows from my announcement bar?

[Joseph2]

For some reason when i go to my home page the arrows are on both ends of the announcement bar however when i click on my product, the arrows move into the middle and have these white dots around them, how do i get rid of these as they are covering the words up? theme is refresh version 15.2.0 and shop link is https://portaskis.myshopify.com/ thanks in advance

[GTLOfficial]

Hello @Joseph2 
Go to online store ---------> themes --------------> actions ------> edit code------->assets----->component-slider.css
add this code at the end of the file and save.

.icon.icon-caret {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Joseph2]

hey @GTLOfficial 

this has removed the arrows however when you click on the product the white dots are still there as shown below, do you know why that is? 

[Moeed · Accepted solution]

Hey @Joseph2 

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>
.announcement-bar .slider-button {
    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

[Joseph2]

Hey its worked, thank you very much 🙂

[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.