こんにちは、MakeShopのあらいです。
いつもMakeShopをご利用いただきありがとうございます。

以前、スライドショーの画像サイズは何ピクセルにすればいいの?「目安のサイズを教えて!」をご紹介しましたが、今回はスライドショーを囲むシャドウを消す方法をご紹介します!

こんなお悩みありませんか?

・PCのスライドショーを囲んでいるシャドウ(グレーの線)を消したい

スライドショーを囲むシャドウ(グレーの線)を消したい

MakeShopでは、スライドショーの画像を囲むシャドウ(グレーの線)が必ず表示されます。
CSSを追記するだけでかんたんに非表示にすることができます!

※テンプレートにより上下のみ表示される場合もあります。また静止画タイプの場合はシャドウは表示されません。

それでは、早速みていきましょう。

設定方法

CSSを追記する

【独自デザイン(PC)】>【トップページ編集】>【共通CSS管理】

内に下記のCSSを追記します。

▼設定されている背景色(白の指定)も消したい場合は(background:transparent !important;)を含めた、下記のCSSを追記してください。

・CSSを追記する場所は管理しやすい場所か、分からない場合は一番下に追記してください。

完了

【Fashion】ご利用でシャドウ(グレーの線)が消えました!

スライドショー

いかがでしたでしょうか。
トップページはショップの顔となる部分です。ショップの雰囲気や画像に合わせてCSSで調整してカスタマイズしてみましょう。

それではまた!