Advertisement
Guest User

Untitled

a guest
Feb 19th, 2020
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.13 KB | None | 0 0
  1. .slick-arrow {
  2.      font-size: 25px;
  3.      color: #000;
  4.      position: absolute;
  5.      top: 50%;
  6.      z-index: 10;
  7.      transform: translateY(-50%);
  8.      width: 50px;
  9.      height: 60px;
  10.      display: block;
  11.      background-size: contain;
  12.      background-repeat: no-repeat;
  13.      border-radius: 5px;
  14. }
  15.  .slick-arrow.slick-prev {
  16.      left: 0;
  17.      background: #bccbd3 url('../images/arrow-prev.svg') no-repeat 50% 50% / 20px;
  18. }
  19.  .slick-arrow.slick-next {
  20.      right: 0;
  21.      background: #bccbd3 url('../images/arrow-next.svg') no-repeat 50% 50% / 20px;
  22. }
  23.  .slick-dots {
  24.      list-style-type: none;
  25.      text-align: center;
  26.      position: absolute;
  27.      bottom: 45px;
  28.      left: 50%;
  29.      right: 0;
  30.      display: table;
  31.      transform: translateX(-50%);
  32. }
  33.  .slick-dots li {
  34.      display: inline-block;
  35.      margin: 0 0.5rem;
  36. }
  37.  .slick-dots li button {
  38.      border: 2px solid #bccbd3;
  39.      border-radius: 50%;
  40.      text-indent: -9999px;
  41.      height: 10px;
  42.      width: 10px;
  43.      margin: 0;
  44.      padding: 0;
  45. }
  46.  .slick-dots .slick-active button {
  47.      background: #bccbd3;
  48. }
  49.  .slick-slide.vc_row {
  50.      padding-left: 60px;
  51.      padding-right: 60px;
  52. }
  53.  .slick-initialized .slick-slide {
  54.      display: flex !important;
  55. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement