Simple Slider Buttons on a Content Slider

Hi,

I am trying to get the slider buttons on a Content Slider to look the same as on a Simple Slider.

Simple think to do: I just copied the following code snipet from the Simple Slider to quick css:

#top .avia-smallarrow-slider-heading {
top: 50%;
position: absolute;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a {
    display: block;
    text-decoration: none;
    color: #fff;
    visibility: visible;
    position: absolute;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 62px;
    font-size: 25px;
    top: 50%;
    margin: -30px 15px 0;
    z-index: 99;
    overflow: hidden;
    text-indent: -600%;
}

It is indeed working as intendet. Just the small white arrow doesnt align centered, but aligned to the top. Any idea how to change that?
Here is what it looks like: http://i.imgur.com/c4cFCAk.png

edit: Seems like I am getting an “invalid property value” for the “margin: -30px 15px 0;” but I don’t know why or how to fix it.
edit2: Fixed the margin error. Arrow still not moving.

Thanks in advance,
Christian

• This topic was modified 9 years, 6 months ago by scheitmann.