Question

I’m well aware that the docs says that I should “Make sure there is no padding or margins on the ul and li elements” BUT what if I really need right margin between my slides (li’s) ?

I’m opened to switching to another plugin, but it should be able to display html content (not only images) and should be able to be controlled by external calls.

Google was not my friend on this one.

Answer 1

Very simple, You should see this example on BX Slider website

The trick is

 $('#slider1').bxSlider({
     displaySlideQty: 3,
     moveSlideQty: 1
 });

and give List Element a fix width (you can center inner contents using text-align:center)

in example it looks like:

.demo-wrap .multiple li {
     width: 190px;
}

Please let me know if it do not work for you. For me it worked 🙂