Okay
  Public Ticket #1384251
Layer skin
Closed

Comments

  • Vev started the conversation

    Hello,

    I want to customize the skin Outline. I went in the panel for editing skin, I did changes with success.

    But I would like to have in my skin the same shadow than in Glass skin. I did not see in the CSS of Glass any code to copy in order to have the same shadow.

    Is there a way to do it with the Editing skin panel ?

    Thank you by advance.

  • [deleted] replied

    Hello Vev,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    The code you're looking for can be found at the bottom of the Glass skin in the Skin Editor:

    .ls-glass .ls-shadow {
    display: block;
    }

    The thumbnail shadows can also be found there, if you want to duplicate those as well.

  • Vev replied

    Thank you for your answer, but if I copy this code and I paste it in the CSS of the Inline skin, that does not work...

  • Vev replied

    Sorry it's Outline skin and not Inline skin...

  • [deleted] replied

    Thank you for the feedback. My colleagues and I will look into this to see what might be wrong, and get back to you shortly.

  • [deleted] replied

    Hello,

    In case you want outline skin, you will need this code:

    .ls-outline .ls-shadow {    
        display: block;
    }
    

    Or you can rename it to any other name depending on the skin. 

    Furthermore, you will need to copy the shadow.png file from the glass skin's folder, to the outline skin folder.

    It's also important to note that plugin updates will overwrite the default skins. So it's recommended to create new custom skin, and load it from external source as it's described here: https://support.kreaturamedia.com/docs/layersliderwp/developers.html#sources-skins