Comments Stefan started the conversationApril 18, 2018 at 8:45amHi,I use your phantastic layerslider.Now I have a question and I am sure its something easy.I have several slides and on one of them I want to have a red ribbon in the red left top corner.My code from that slide which doesnt work:<div class="ls-slide" data-ls="slidedelay:3000; ?>;transition2d:75,79;"> <span class="corner-ribbon top-left sticky red shadow" style="z-index: 40;">Hello</span> <img src="image.jpg" class="ls-bg" style="" alt="Slide background"/></div>In the next case I have a red ribbon in the left top corner, but on all other slides too:<span class="corner-ribbon top-left sticky red shadow" style="z-index: 40;">Hello</span><div class="ls-slide" data-ls="slidedelay:3000; ?>;transition2d:75,79;"><img src="image.jpg" class="ls-bg" style="" alt="Slide background"/></div>How can I get this to work on 1 slide only?thanksStefan 137George repliedApril 18, 2018 at 8:25pmHello,Please use this code:<span class="corner-ribbon top-left sticky red shadow ls-layer" style="top:0 left: 100%;">Hello</span>Best Regards,George | Kreatura Dev TeamStefan repliedApril 23, 2018 at 1:12pmHmm if I add ls-layer it change its shape from a ribbon to a square...I've attached 2 files to demonstrate.right.png shows the ribbon in right shape, but an all slides.wrong.png shows the ribbon as a square, but on a specific slide.How can I change from square to ribbon? 137George repliedApril 26, 2018 at 6:15amYou can set also the correct width and height of the layer in the style attribute.Best Regards,George | Kreatura Dev TeamStefan repliedApril 26, 2018 at 7:39amHi,please watch my attached pictures.Its not about the size, so width and height doesn't matter.Its the shape which is wrong... 137George repliedApril 27, 2018 at 8:46pmCould you, please show me a test page where I could see this slider in working? I cannot fix an issue from screenshots.Best Regards,George | Kreatura Dev Team Sign in to reply ...
Hi,
I use your phantastic layerslider.
Now I have a question and I am sure its something easy.
I have several slides and on one of them I want to have a red ribbon in the red left top corner.
My code from that slide which doesnt work:
<div class="ls-slide" data-ls="slidedelay:3000; ?>;transition2d:75,79;">
<span class="corner-ribbon top-left sticky red shadow" style="z-index: 40;">Hello</span>
<img src="image.jpg" class="ls-bg" style="" alt="Slide background"/>
</div>
In the next case I have a red ribbon in the left top corner, but on all other slides too:
<span class="corner-ribbon top-left sticky red shadow" style="z-index: 40;">Hello</span>
<div class="ls-slide" data-ls="slidedelay:3000; ?>;transition2d:75,79;">
<img src="image.jpg" class="ls-bg" style="" alt="Slide background"/>
</div>
How can I get this to work on 1 slide only?
thanks
Stefan
Hello,
Please use this code:
<span class="corner-ribbon top-left sticky red shadow ls-layer" style="top:0 left: 100%;">Hello</span>
Best Regards,
George | Kreatura Dev Team
Hmm if I add ls-layer it change its shape from a ribbon to a square...
I've attached 2 files to demonstrate.
right.png shows the ribbon in right shape, but an all slides.
wrong.png shows the ribbon as a square, but on a specific slide.
How can I change from square to ribbon?
You can set also the correct width and height of the layer in the style attribute.
Best Regards,
George | Kreatura Dev Team
Hi,
please watch my attached pictures.
Its not about the size, so width and height doesn't matter.
Its the shape which is wrong...
Could you, please show me a test page where I could see this slider in working? I cannot fix an issue from screenshots.
Best Regards,
George | Kreatura Dev Team