Slider - arrow color

Comments

• Pablo

  October 2019

  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

  October 2019

  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

  October 2019

  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

  October 2019

  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