bxSliderの画像の外枠を消したいです。

質問

カラーミーショップを利用しています。
「スライドショーの設定」を利用し、画像をアップしますと、画像に外枠とシャドーが付きます。
これを消して写真のみにしたいので「bxSliderの外枠を消す」等を検索しましたら、下記のコードを見つけたので、共通CSSのトップページの項目の所にコピペしてみたのですが、枠が消えず、うんともすんともなりません。
.bx-wrapper {
background-color: transparent;
margin: 0px auto;
border: none;
box-shadow: none;
}
.bx-wrapper img {
display: block;
margin: 0px auto;
}

独学で、必要な箇所だけ調べてサイトをカスタマイズしているので、基本が全くなっていません。
今日1日ずっとトライしているのですが、全然出来ないので、情けないやら、悲しくなって来ました。
解決方法をご存知の方がいらしたら、教えて頂けますか。
すみません、どうぞよろしくお願いします。

因みに、HTMLは下記コードです。
<{if $slideshow_html}>
<div class="slider">
<{$slideshow_html}>
</div>
<script type="text/javascript">
//<![CDATA[
$(function(){
$('#slider').bxSlider({
auto: true,
pause: 2000,
speed: 1000,
controls: false,
captions: true,
mode: 'fade'
});
});
//]]>
</script>
<{/if}>

回答No.2

AsarKingChang · ベストアンサー

>CSSの中にあるスライドショーのタグがどれなのかも見つけられないレベル
それ簡単ですよ。表示されているパーツを右クリックして
「検証」（GoogleChromeの場合）
これで、関連する表示物の設定値が全部出ます。
（最初に私が添付した画像みたいに）
後は、この中で、それっぽいパラメタを探して
インタラクティブ書き換え（ブラウザの中だけでCSSを書き換えてどこが変化するかを調べる）
→思った通りの変更結果になったら、
　そのCSSを書き換えるか、
　別のCSS/ClassまたはIDのStyleで上書き。
　完成！

また、CDNから取り込んでる場合、元のCSSはいじれないので、
別のCSSで上書きする方がいいでしょうね。

$('#slider').bxSlider({
auto: true,
pause: 2000,
speed: 1000,
controls: false,
captions: true,
mode: 'fade'
});
この部分が、スライダのコンストラクタなので、
この直後に、該当のCSSを書き換えるコードを埋め込んでもOKですよ。CSSファイルを追加したくないなどの理由がありそうなら。
どっちかの方法で、ま～解決するとは思いますが。
ではファイトです！

お礼

なんかですね...　出来ましたよ！！やったー！
お恥ずかしい話し「検証」を初めて触ってみました。
これ凄く便利！うわぁ～ありがとうございます！！
上書きをしてプレビューを見てみたら、出来ていました。
他、ちょこちょこ触ったのですが、どこを触ったのか
分からないので、もうやめておきます(笑)
ご親切に、本当に本当にありがとうございます。
もっとちゃんと勉強しますね。
本当にありがとうございました！

回答No.1

AsarKingChang

書かれてるソースがHTMLではないので、
リファレンスから抜粋しますが、
https://bxslider.com/

https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css
これの30行付近
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
これをつぶせばいいだけみたいです。
こっちでは、それだけで消えましたよ。
後は、そのCSSでオーバーライドすればよいかと。
（もしかしたら、元々オプションがあるのかもしれませんが、
　そこまでは調査してません。あくまでCSSで消せるか？のみを
　検証して、消せるね！までの調査で終了しました）

お礼

早々にありがとうございます！
出来ました！とご報告したいところなのですが、力及ばず...
朝から色々試してみたのですが、未だ出来ません。
そもそも、CSSの中にあるスライドショーのタグがどれなのかも見つけられないレベルで、もっと勉強が必要です。
頂いたご回答で出来るのだと思います。
ただ私が出来ないだけ...涙
折角教えて頂いたのに、申し訳ございません。
頂いたご回答を参考に、勉強しながらトライしてみますね。ご親切に、本当にありがとうございました。