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;
}
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 ♥
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;
}
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!
that link has the text on the left, and I don’t think that it has the show-class added to the shortcode.
perhaps I’ve made a typo,
try show_class=”text-right” in the shortcode.
It’s workingggggggggggggg!
😀
Thank you very, VERY much Daiv!
great, glad to be of help.
