bxsliderで画像が左側による場合の対処法。

2017年11月17日2019年10月17日

bxsliderを設置していた際に、画像が左側に寄り右側に5ピクセルほどの隙間ができました。
色々調べた結果、以下のスタイルシートをローカルCSSに設定して解決しました。

ul.bxslider
{
margin: 0px !important;
padding: 0px !important;
}
.bx-wrapper .bx-viewport
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border:none;
left: 0px;
background-color:transparent;
}

どうやらプラグインのデフォルトCSSにずれる要素があるみたいです。

---

ホームページに関するお悩み事やご相談事がございましたら私どもまでご連絡ください。 鋭意ご対応申し上げます。

関連記事