Slider - arrow color

Martycz

Hi,
how can I please change the color of the arrows from black to white for the muffing builder slider (not slider revolution) 

Thank you 

Pablo

Hello,

If you want to change the background color of it, you have to change the background color of buttons.

Theme Options > Colors > Content

But, for icons, you'll need a CSS code, do you need help with it?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Martycz

Hi,

yes, would be grateful if you could help me with the CSS. I need to change the color of just the arrows (icons) 

When I inspect the element I see this 
<a class="button button_js slider_next slick-arrow" href="#" style="display: block;"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>

I tried both of these classes for custom CSS but none of them worked.

Thanks a lot 

Martycz

If I may also please ask how to change color for this element for the slider as well 

<ul class="slick-dots" role="tablist" style="display: block;"><li class="" role="presentation"><a>0</a></li><li role="presentation" class="slick-active"><a>1</a></li></ul>

- dots below the slider (dots icon). I figured I can change that by changing the theme color but that also changes so many other things and I don't want that. 

Pablo

Please, paste that code into the Theme Options > Custom CSS & JS > CSS

.content_slider a i{
	color:white !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next