Okay
  Public Ticket #1447003
How to configure different color of 3d box side for different slider?
Closed

Comments

  • miaojun started the conversation

    Thanks for your reply, I succeeded changing the side color of 3d box.. But What is the codes of being different slider  with different side color? For example, I made A,B,C, three 3D box sliders, and I need those three sliders with their own side color. What can I do with css editor. 

  • [deleted] replied

    Hello miaojun,

    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 codes entered to the CSS Editor are applied globally in the plugin on all sliders. So you will have to use selectors to apply different codes to separate sliders with the CSS Editor.

    You will need to check the slider IDs, it can be seen in their shortcode (layerslider id="XX"), and use that the following way:

    #layerslider_XX .ls-3d-box div { 
    background-color: #00f;
    }

    #layerslider_XX .ls-3d-box .ls-3d-top {
    background-color: #00ff00;
    }

    #layerslider_XX .ls-3d-box .ls-3d-bottom {
    background-color: red;
    }