WordPress.org

Ready to get started?Download WordPress

Forums

SuperSlider-Show
[resolved] Moving captions window to other side? (9 posts)

  1. Kettercat
    Member
    Posted 1 year ago #

    I have the custom version here:
    http://www.ultra.co.il/heb/catalog/suspension/

    But I want the captions box to move to the RIGHT instead of the LEFT when I click on a different image.
    How do I do that?

    Thanks ♥

    http://wordpress.org/extend/plugins/superslider-show/

  2. Daiv Mowbray
    Member
    Plugin Author

    Posted 1 year ago #

    hello,
    edit this file:
    http://www.ultra.co.il/heb/wp-content/plugins/superslider-show/plugin-data/superslider/ssShow/custom/custom.css?ver=3.5.1

    line 79:
    .slideshow {
    height: 387px;
    margin: 0 200px 90px 0;
    width: 522px;
    }

    line 113:
    .slideshow-captions {
    background-image: url("http://www.ultra.co.il/heb/wp-content/uploads/catalogue-box.gif");
    background-repeat: no-repeat;
    bottom: 0;
    color: #000000;
    font: 12px/1.3em Arial,sans-serif;
    height: auto;
    left: 540px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: auto;
    top: 0;
    width: 220px;
    z-index: -1000;
    }

    .slideshow-captions-hidden {
    margin-left: -500px;
    opacity: 0;
    }
    .slideshow-captions-visible {
    margin-left: 0;
    opacity: 0.8;
    }

  3. Kettercat
    Member
    Posted 1 year ago #

    Hi Daiv!
    Thanks a lot! :-) That's the code I used for the English version. But in this one, I need the image to stay on the right, and the captions box on the left. So I need the captions box to move to the right instead of to the left like it does now.
    Is there any way to do that?

    Thanks a lot though ♥

  4. Daiv Mowbray
    Member
    Plugin Author

    Posted 1 year ago #

    The above css will place the text on the right.
    To have one slideshow different from another you use this in your shortcode:
    [slideshow show-class="text-right"]
    Now the show will have an added class and the captions
    will have a different class name as noted below.

    then add css styles to your css file,

    .text-right {
    height: 387px;
    margin: 0 200px 90px 0;
    width: 522px;
    }

    line 113:
    .slideshow-text-right-captions {
    background-image: url("http://www.ultra.co.il/heb/wp-content/uploads/catalogue-box.gif");
    background-repeat: no-repeat;
    bottom: 0;
    color: #000000;
    font: 12px/1.3em Arial,sans-serif;
    height: auto;
    left: 540px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: auto;
    top: 0;
    width: 220px;
    z-index: -1000;
    }

    .slideshow-text-right-captions-hidden {
    margin-left: -500px;
    opacity: 0;
    }
    .slideshow-text-right-captions-visible {
    margin-left: 0;
    opacity: 0.8;
    }

  5. Kettercat
    Member
    Posted 1 year ago #

    Hi again,

    I must be doing something wrong - it's not working :(
    http://www.ultra.co.il/heb/catalog/suspension/

    I planted everything you wrote.

    Thanks A LOT though for all the help!

  6. Daiv Mowbray
    Member
    Plugin Author

    Posted 1 year ago #

    that link has the text on the left, and I don't think that it has the show-class added to the shortcode.

  7. Daiv Mowbray
    Member
    Plugin Author

    Posted 1 year ago #

    perhaps I've made a typo,
    try show_class="text-right" in the shortcode.

  8. Kettercat
    Member
    Posted 1 year ago #

    It's workingggggggggggggg!
    :D

    Thank you very, VERY much Daiv!

  9. Daiv Mowbray
    Member
    Plugin Author

    Posted 1 year ago #

    great, glad to be of help.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.