WordPress.org

Forums

Slideshow
[resolved] Upgrade now buttons are weird (6 posts)

  1. ChristiMc
    Member
    Posted 2 years ago #

    I upgraded today and have found most of the conversion problem (not many!) but I can't get my buttons to behave. It seems the custom styles for next/previous aren't getting priority. When I look at it in Firebug, the style shows the style from function.css and not fry the custom stylesheet.

    Here's the link: http://www.wafbla.org. You'll see that the next button is mis-directed, too. Any ideas how to proceed?

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  3. ChristiMc
    Member
    Posted 2 years ago #

    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. :-)

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  5. ChristiMc
    Member
    Posted 2 years ago #

    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!

  6. Stefan Boonstra
    Member
    Plugin Author

    Posted 2 years ago #

    You're welcome, I'm glad it's working again!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Slideshow
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.