Slider - arrow color

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 

Comments

  • 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
  • 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 

  • 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. 
  • Please, paste that code into the Theme Options > Custom CSS & JS > CSS
    .content_slider a i{
    color:white !important;
    }
    Thanks
Sign In or Register to comment.