Javascript 如何设置bxslider图像滑块的样式？

在设置bxslider图像滑块的样式时遇到一些问题。它似乎也没有采取任何风格，我试图给它，在第一位-但也有“上一页”和“下一页”的文本链接，我不想要的

有没有可能有人可以帮我解决问题，我需要对样式进行更改，使其看起来更像这样！-->

如果你还需要其他东西，请告诉我，但要看这个直播，请访问，我的HTML CSS和JS也在下面

HTML

和我的JS在结束体标签上方

<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
    mode: 'fade',
    captions: true,
    auto: true,
    autoControls: false
});
});
</script>

$（文档）.ready（函数（）{
$（'.bxslider'）.bxslider({
模式：“淡入淡出”，
标题：对，
是的，
自动控制：错误
});
});

---

我真的只需要这是全宽的，只有寻呼机点显示，在我的滑块上的位置。。。非常感谢所有帮助。

请确保在导入默认的.bxslider CSS文件后声明自定义CSS。这样，您就可以覆盖默认设置。

您是否尝试过使用寻呼机点使其全宽？我尝试过，但什么都没有发生？所以，我不确定我做错了什么。我需要改成

的样式吗？为了更好地解释我自己。。。我做这个全宽有困难。无论我做什么，似乎都没有更新/改变。此外，我试图删除出现的1,2,3,4文本，但也无法删除。您需要包含bxSlider CSS文件。@KyleNeedham我到底需要在哪里包含此文件？谢谢你的帮助。

.bxslider{
height:600px;
width:auto;
background-color:#c41230;
background-size:cover;
position:relative;
top:95px;
}

<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
    mode: 'fade',
    captions: true,
    auto: true,
    autoControls: false
});
});
</script>