購入オプションのデザインを装飾する

カスタムCSSに下記サンプルコードを挿入することで実現できます。（Dawnテーマでテストしています。）

（サンプルコード）
.ruffruff-pre-order-selling-plan-group > div {

  color: red !important;

}

カスタマイズされたLiquidに下記サンプルコードを挿入することで実現できます。

（サンプルコード）
<style>

 .ruffruff-pre-order-selling-plan-group > div > [class^="_price"] {

   color: red !important;

 }

</style>

カスタマイズされたLiquidに下記サンプルコードを挿入することで実現できます。

（サンプルコード）
<style>

.ruffruff-pre-order-selling-plan-group > [class^="_root"] {

 background-color: red !important;

}

</style>

割引販売を実施している場合に、割引後価格も非表示になりますので、ご注意ください

カスタマイズされたLiquidに下記サンプルコードを挿入することで実現できます。

（サンプルコード）
<style>

.ruffruff-pre-order-selling-plan-group {

  height: 0 !important;

  visibility: hidden !important;

}

</style>

カスタマイズされたLiquidに下記サンプルコードを挿入することで実現できます。

（サンプルコード）
<style>

.ruffruff-pre-order-selling-plan-group > [class^="_root"] {

border: none !important;

}

</style>

カスタマイズされたLiquidに下記サンプルコードを挿入することで実現できます。

（サンプルコード）
<style>

.ruffruff-pre-order-selling-plan-group > [class^="_root"] {

border-color: red !important;

}

</style>

カスタムCSSに下記サンプルコードを挿入することで実現できます。

（サンプルコード）

.ruffruff-pre-order-selling-plan-group {

  margin-top: 5px !important;

  margin-bottom: 5px !important;

}