Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #1545435
corner ribbon over a single slide
Closed

Comments

  • Stefan started the conversation

    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








  •  138
    George replied

    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

  • Stefan replied

    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?

  •  138
    George replied

    You can set also the correct width and height of the layer in the style attribute.

    Best Regards,
    George | Kreatura Dev Team

  • Stefan replied

    Hi,

    please watch my attached pictures.

    Its not about the size, so width and height doesn't matter.

    Its the shape which is wrong...

  •  138
    George replied

    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