Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Daiv Mowbray

    (@daiv)

    hello,
    edit this file:
    https://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(“https://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;
    }

    Thread Starter Kettercat

    (@kettercat)

    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 ?

    Plugin Author Daiv Mowbray

    (@daiv)

    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(“https://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;
    }

    Thread Starter Kettercat

    (@kettercat)

    Hi again,

    I must be doing something wrong – it’s not working ??
    https://www.ultra.co.il/heb/catalog/suspension/

    I planted everything you wrote.

    Thanks A LOT though for all the help!

    Plugin Author Daiv Mowbray

    (@daiv)

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

    Plugin Author Daiv Mowbray

    (@daiv)

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

    Thread Starter Kettercat

    (@kettercat)

    It’s workingggggggggggggg!
    ??

    Thank you very, VERY much Daiv!

    Plugin Author Daiv Mowbray

    (@daiv)

    great, glad to be of help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Moving captions window to other side?’ is closed to new replies.