How Can I Move My Previous and Next Buttons?

HTML & CSS
1

I am simply trying to move the “previous” and “next” buttons for the testimonial slider area (#shs_prev and #shs_next) and I cannot figure this one out.

http://www.thisiswhereiplay.com/

It is a WordPress site and these testimonial entries are created using a WordPress plugin named ‘Simple HTML Slider’. The container #shs_slider_cont is built using jQuery and the previous and next buttons are included inside the container. So if I increase the size of the container, the slider text content always seems to end up behind the prev and next buttons.

The container file is being built dynamically using a PHP file and jQuery.

2

Not quite sure what you are aiming to do here, but your could try something like this to stop the arrows overlapping the text:

#shs_slider_cont {padding: 0 40px;}

#shs_slider_cont:before, #shs_slider_cont:after {
content: "";
width: 60px; 
height: 200px; 
background: rgb(237, 245, 246);
top: 0;
position: absolute;
z-index: 5;
}

#shs_slider_cont:before {
left: 0; 
}

#shs_slider_cont:after {
right: 0; 
}