Как сделать тень со всех сторон slider-item'a?

Question

[froggush]

Есть вот такой слайдер.



Как сделать тень со всех сторон слайдера? У меня выходит только с левой и правой. Снизу и сверху не выходит.

Comments

[Rustam Bainazarov]

Не понял, это?

[азаза]

скорее у контейнера стоит ovwrflow hidden
тогда нужно ему дать padding

Answer 1

[Виталий Першин]

Нужно добавить padding ко всему слайдеру, потому что у всех слайдеров контейнер со слайдами имеет свойство overflow, вот оно и режет вашу тень. Либо добавить тень на сам контейнер со слайдами. Чтобы сказать что-то конкретное нужно смотреть код.

Comments

[froggush]

HTML

<div class="twitter__posts">
   <div class="container">
     <div class="twtitter__carousel">
          <div class="twitter__item"> 
             <div class="twitter__text">
             <span>#PaymeApp</span> win Apple Design Award! Big thanks to <span>@DigitalStudio</span>
             They are aggressive in trying out new technologies and new design
             techniques. The best guys I've worked with.
              </div>
              <div class="twitter__author">
                    <div class="name">Frank Underwood</div>
                    <div class="nickname"><span>@PresidentFrank</span></div>
              </div>
         </div>
       </div>
    </div>
</div>

CSS

.twitter__posts{
    margin: 50px 0px 100px 0px;
    text-align: center;
    color: #000000;
}
.twitter__item{
    outline: none;
}
.twitter__text{
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    padding: 50px 60px 40px 60px;
}   
.twitter__author{
    display: inline-block;
    background-image: url(../img/frankpng.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 85px;
    padding-bottom: 50px;
    padding-top: 5px;
}
.name{
    padding-bottom: 5px;
}

JS

$(function(){

  $('.twtitter__carousel').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    centerMode: true,
    arrows: false,
    focusOnSelect: true,
    centerPadding: '150px',
  });


});

Кстати, раз такая пьянка, буду рад критике кода. Спасибо!