Support » Plugin: Crelly Slider » No slider shadow and how to write css

  • Hi there, Slider below shadow in not showing up, I thought it is because some padding or margin but it was not. 2ndly I want to write hover css for a button. How to do write css simple and hover. Please answer with example. Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Fabio Rinaldi

    (@fabiorino)

    Hi, sorry for the late response.
    1) Do you mean that the shadow below the slider is not showing up? That’s normal, there’s no shadow by default. If you want to have the same shadow I put on my website, I’ll send you the CSS you have to use.
    2) To stle a :hover effect, you need to add a custom CSS class to the element you want to customise (there’s a specific textbox in the element options) and then add something like this in your theme’s custom CSS selction:

    .my-slider-element:hover {
        background-color: red;
    }

    Thank you so much and please send me shadow css as soon as possible.

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    .crellyslider-slider:before,
    .crellyslider-slider:after {
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 15px;
      left: 10px;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: rgba(0, 0, 0, 0.7);
      -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.4);
      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg);
    }
    
    .crellyslider-slider:after {
      -webkit-transform: rotate(3deg);
      -moz-transform: rotate(3deg);
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg);
      right: 10px;
      left: auto;
    }
    
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘No slider shadow and how to write css’ is closed to new replies.