如何使这个插件不超过屏幕？

Question

我有这个网站：

link

在右侧有一个滑块（滑块WPRS），我已经安装了它。

这个插件负责......我唯一的问题是分辨率非常小，超出了屏幕。

请看下面的图片，以便更好地了解我的意思。

CODE HTML + CSS：

<div class="right">

   <div id="wprs_slider">
       <div class="bx-wrapper" style="max-width: 100%;">
          <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 345px;">
             <ul class="bxslider clearfix" style="width: 415%; position: relative; transition-duration: 0s; transform: translate3d(-844px, 0px, 0px);">
                 <li style="float: left; list-style: none; position: relative; width: 422px;" class="bx-clone"><img src="http://bagel.dg-site.com/bagel/wp-content/uploads/2015/08/STICLAhh.png" alt="Test" title="Test"><div class="bx-caption"><span>Test</span></div></li>    
                 //other elements li
            </ul>
    </div>
    </div>
    </div>
</div>

你能帮我解决这个问题吗？

提前致谢！

Answer 1

试试此代码

.bx-wrapper {
max-width: 100%!important;
overflow: hidden;
}

它应该有效，我想