jquerycssbxslider

remove border around bxslider slides


I am using jquery bx slider. I want to remove the border around the slides. How do I do this? I tried this, but it didn't work:

ul.bxslider {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  border: none;
}

Any other ways to do so?


Solution

  • As accepted answer is no more correct (in 2018 - bxSlider v4.2.12), I added here working CSS:

    .bx-wrapper {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0;
    }
    

    !important is not necessary, if you add this CSS after linking to bxSlider's CSS file.