The slideshow’s HTML template and CSS classes have changed quite a bit since the 2.1 versions. The ‘.next’ and ‘.previous’ classes you’re using worked in the previous version, but in the new version every class is prefixed with ‘slideshow_’. Making the button classes look like this: ‘.slideshow_previous’ and ‘.slideshow_next’ will solve your problem.
Thanks for the insights into the new css. I’ve made the change you suggested but now the buttons don’t appear at all.
Here’s the CSS that I have in a “New – Light” style. I’ve assigned the New – Light style to the slideshow that’s running on the homepage.
‘.slideshow_container .slideshow_previous { left: -20px !important;}
.slideshow_container .slideshow_next {
right: -20px !important;
background-position: -19px 0;
}’
This is the only change I made. When I assign the default light style to the slideshow, the buttons appear but they are positioned to the far right/left of the browser screen and not adjacent to the centered image which is what I’m trying to do with the code above.
Thanks again for sticking with me on this. I think it’s close. 🙂
That looks good, the CSS is applied to the buttons now. The only problem is that they are falling off-screen because the slideshow is as wide as the window is. You can set the maximum width of the slideshow to be equal to the width of the page. The buttons will then line up with the image in the slideshow.
You’re so right. When I upgraded to the latest version of the slideshow, it reset my width settings and also the assigned style sheet. I didn’t catch the width problem. Thanks as always. Your support is top notch!
You’re welcome, I’m glad it’s working again!