http://221.121.134.34/~marinemates
Can you tell my why the position of the arrows are slightly moving (up/down a few pixels) between slides in the Slider that belongs as a part of the Beaver Builder widgets?
I have one style for the position of these and yet it keeps moving and should stay in the same position?
/* arrow controls for slider */
.bx-wrapper .bx-prev {
position: absolute!important;
width: 24px!important;
height: 43px!important;
text-indent: -9999px!important;
border: 0px none!important;
top: 20%!important;
background: url(“http://221.121.134.34/~marinemates/wp-content/uploads/2015/02/slider-btns.png”) no-repeat scroll 0px 0px transparent!important;
left: 10px!important;
background-position: 0px 0px!important;
}
.bx-wrapper .bx-prev:hover {
background-position: 0px -46px!important;
}
.bx-wrapper .bx-next {
position: absolute!important;
width: 24px!important;
height: 43px!important;
text-indent: -9999px!important;
border: 0px none!important;
top: 20%!important;
background: url(“http://221.121.134.34/~marinemates/wp-content/uploads/2015/02/slider-btns.png”) no-repeat scroll 0px -27px transparent!important;
right: 30px!important;
background-position: -27px 0px!important;
}
.bx-wrapper .bx-next:hover {
background-position: -27px -46px!important;
}