スライドショーセクションの仕切線について

テーマはOriginを使用しております。

スライドショーセクションは、デフォルト状態だとセクション下に仕切り線が表示されると思います。

こちらを削除する方法はないでしょうか?

できれば「>」と「II」の間にある仕切り線も削除したいです。

ご協力頂ける方が居ましたら、ご教示いただけるとありがたいです。よろしくお願いします。

ご質問いただいている、セクションの区切り線を消したい件ですが、

CSSを追加することで消すことができるかと思います。

設定手順

  1. 管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック
  2. 左メニュー「スライドショー」を選択
  3. カスタムCSSに下記コードを追加
@media screen and (min-width: 750px) {
  .slideshow__autoplay.slider-button {
    border-left: none;
  }
  .slideshow__controls {
    border: none;
  }
}

ご参考まで。
(キュー小坂)

1 Like

いつもありがとうございます!

実装できました!

何度もすいません、、

左右ボタンと停止/再生ボタンも消すことは可能でしょうか?

@8910

ご質問いただきました、左右ボタンと再生ボタンを非表示にするには、

下記CSSに変更いただければご希望の形になるかと思われます。

PCスマートフォンとも左右ボタン、再生ボタンは非表示となります。

.slider-button--prev {
  display: none;
}
.slider-button--next {
  display: none;
}
.slideshow__autoplay.slider-button {
  border-left: none;
  display: none;
}
@media screen and (min-width: 750px) {
  .slideshow__controls {
    border: none;
  }
}

ご参考まで。
(キュー小坂)

1 Like

いつもお世話になっております!

変更できました!

ありがとうございました!