Slider button

Is it possible to change the color of the slider button. The button to go to the next slide.

Thank you.

 

Hi maggie!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flexslider:hover .flex-direction-nav .flex-next {
background: red url(images/next.png) center no-repeat;
}
.flexslider:hover .flex-direction-nav .flex-prev {
background: red url(images/prev.png) center no-repeat;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
background: green url(images/next.png) center no-repeat !important;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
background: green url(images/prev.png) center no-repeat !important;
}

Thanks,
Praveen

 

i tried the above code but it isn't working

http://test.aangepastwonen.info/

There is no arrow in it but a strange mark.

 

Hi maggie!

Use the following css code.

Code:

.flexslider:hover .flex-direction-nav .flex-next {
background: red url(wp-content/themes/blackridertheme/images/next.png) center no-repeat;
}
.flexslider:hover .flex-direction-nav .flex-prev {
background: red url(wp-content/themes/blackridertheme/images/prev.png) center no-repeat;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
background: green url(wp-content/themes/blackridertheme/images/next.png) center no-repeat !important;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
background: green url(wp-content/themes/blackridertheme/images/prev.png) center no-repeat !important;
}

Thanks,
Praveen