FROM CACHE - jp_header

スライドショーのボタンデザインをカスタマイズしたい。

kakaemaru
新規メンバー
3 0 0

現在、brooklynを使用しております。

トップバナーのスライドショーが 横表記で白文字となっておりますが、

スクリーンショット 2021-08-07 23.05.05.png

下記のような、縦向きで黒表記(矢印なし)にカスタマイズしたいです。

スクリーンショット 2021-08-07 23.02.51.png

 

カスタマイズ方法をご存知の方、ご教示頂けますと幸いでございます。

宜しくお願い致します。

1件の返信1
Jizo_Inagaki
Shopify Partner
607 247 565

デモストア( https://brooklyn-theme-classic.myshopify.com/ )にて開発者ツールで試しましたら、一応以下のような記述の追加で形だけどうにかなりそうではありました。

 

.hero__controls {
 width:auto;
 height: auto;
 top: 50%;
 left: 20px;
 right: auto;
 bottom: auto;
}
.hero__controls > ul {
 display:none;
}
.slick-slider .slick-dots{
  bottom:auto;
  position: absolute;
  transform: translateY(-50%);
}
.slick-dots{
  position: absolute;
  transform: translateY(-50%);
}
.slick-dots > li {
 display: block;
}

 

 

ただしかなり無理やりなのでお勧めはできず、HTMLなどから直していく必要があるかなと思います。

そのため以下のShopifyのサポートに相談したり、エキスパートやパートナーに依頼されることをお勧めします。

https://help.shopify.com/ja/manual/online-store/themes/theme-support#part-5ad7f21e8d34326a

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。