猫头鹰Carousal箭头不在中心

时间:2017-09-10 13:51:10

标签: jquery owl-carousel

猫头鹰Carousal箭头不在中心。 我如何将它们与中心对齐? 请参阅附图。

See that image

1 个答案:

答案 0 :(得分:0)

this is how I solved the problem, I added class brand-slides to the carousal selector and using fallowing css solved the problem forme
     .brands-slides.controls-cust-clr .owl-controls .owl-prev, .brands-slides.controls-cust-clr .owl-controls .owl-next {
      font-size: 20px;
      width: 35px;
      height: 35px;
      background: transparent;
      color: #e0e0e0;
      text-align: center;
      line-height: 35px;
      margin: 0;
      cursor: pointer;
      display: inline-block;
      transition: 0.3s all ease 0s;
      position: absolute;
      z-index: 2;
      top: 45.5%; 
    }
      .brands-slides.controls-cust-clr .owl-controls .owl-prev:hover, .brands-slides.controls-cust-clr .owl-controls .owl-next:hover {
        color: #e0e0e0; 
        background: transparent;
      }
      .pricing-content > li{
        height: 60px;
      }