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

[kakaemaru]

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

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

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

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

宜しくお願い致します。

[Jizo_Inagaki]

デモストア( 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