Arrows & Filters not visible - black background using Debut Theme

Solved
Highlighted
Tourist
5 0 2

Hello,

I have the Debut theme and recently changed from a White to Black background. After doing so I noticed my Back/Next arrows and Filter options are no longer visible unless you click or hover over the invisible space. I have attached screens for reference, circling the area where the icons should be visible.

Is there a way for me to change the color of the Back/Next arrows and Filter options? I would assume most people checking out my store would not be able to see there are buttons there. Thanks for any help.

Back and Next ArrowsBack and Next ArrowsFilter OptionsFilter Options

Highlighted
Shopify Partner
9674 1212 3393

Hello, @20x16x12 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
5 0 2

Hi Ketan,

My website is neogeek-toys.myshopify.com

Let me know what you find out, thanks

0 Likes
Highlighted
Shopify Partner
9674 1212 3393

This is an accepted solution.

@20x16x12 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.pagination .icon {color: #fff;}
.filters-toolbar .icon-chevron-down {fill: #fff;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
5 0 2

Thanks, that worked great!

Highlighted
Shopify Partner
9674 1212 3393

@20x16x12 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing