商品メッセージのデザインを装飾する

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

（サンプルコード）
.ruffruff-pre-order-product-message > p {

   color: red !important;

 }

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

（サンプルコード）
.ruffruff-pre-order-product-message {

   background-color: red !important;

   padding: 10px !important;

 }

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

（サンプルコード）
.ruffruff-pre-order-product-message {

  max-width: 440px !important;

 }

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

（サンプルコード）
.ruffruff-pre-order-product-message {

  border: 1px red solid !important;

  padding: 10px !important;

}

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

（サンプルコード）

.ruffruff-pre-order-product-message {

  margin-top: 50px !important;

  margin-bottom: 50px !important;

}

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

（サンプルコード）

.ruffruff-pre-order-product-message > p {

  text-align: center !important;

}