Changing next + previous button color

Ok, here is the CSS used to display arrows.
Paste this into your ‘style.css’ file, and change ‘#SLIDER_ID’ to the CSS IS of your slider. You then should be able to edit the CSS rules for the arrorw to meet your requirements.

#SLIDER_ID .owl-nav div,
#SLIDER_ID .owl-nav button {
	position:absolute;
	top:50%;
	padding:2px 0px !important;
	display:inline-block;
	margin-top:-20px !important;
	line-height:30px !important;
	height:40px !important;
	width:30px !important;
	transition:all .3s ease-in-out !important;
	-webkit-transition:all .3s ease-in-out !important;
	-moz-transition:all .3s ease-in-out !important;
	-o-transition:all .3s ease-in-out !important;
}
#SLIDER_ID .owl-nav .owl-prev {
	left:10px;
}
#SLIDER_ID .owl-nav .owl-next {
	right:10px;
}
/* WHITE COLOR SCHEME */
.white #SLIDER_ID .owl-nav .owl-prev {
	background:rgba(0,0,0,0.3) url('../images/icon_prev.png') no-repeat center center !important;
}
.white #SLIDER_ID .owl-nav .owl-next {
	background:rgba(0,0,0,0.3) url('../images/icon_next.png') no-repeat center center !important;
}
.white #SLIDER_ID .owl-nav .owl-prev:hover,
.white #SLIDER_ID .owl-nav .owl-next:hover {
	background-color:rgba(0,0,0,0.8) !important;
}
/* BLACK COLOR SCHEME */
.black #SLIDER_ID .owl-nav .owl-prev {
	background:rgba(255,255,255,0.3) url('../images/black_icon_prev.png') no-repeat center center !important;
}
.black #SLIDER_ID .owl-nav .owl-next {
	background:rgba(255,255,255,0.3) url('../images/black_icon_next.png') no-repeat center center !important;
}
.black #SLIDER_ID .owl-nav .owl-prev:hover,
.black #SLIDER_ID .owl-nav .owl-next:hover {
	background-color:rgba(255,255,255,0.8) !important;
}