BxSlider white space
<p>I am new to html/css/javascript and am trying to add an image slider using BxSlider to my website. I am having an issue when the slider expands to a certain size it starts adding a white edge. Is this because the images have reached their maximum width? Or do I need to change something in the code? </p>

<p>My images and slider are in a div with id of wrapper. The css is:</p>

<pre><code>#wrapper {
    max-width: 70%;
    margin: auto;
    padding: 0 %;
    padding-top: 4%;

}
</code></pre>

<p>and have css for img as</p>

<pre><code>img {
    max-width: 100%;
    padding: none;
}
</code></pre>

<p>Thanks!</p>