項目別選択肢のオリジナル

Question

お世話になっております。
以前、楽天市場の項目別選択肢の文字の拡大について教しえて頂きましたが、
以下の会社の商品ページのように、項目別選択肢
のプルダウンではない説明の部分の背景色と文字色、大きさを
変更するにはどのようにすればよいでしょうか？

参考の楽天市場他社商品ページ
http://item.rakuten.co.jp/i-kappa/t-cyouotamesi-an/

どうぞよろしくお願い致します。

Answer

ECマスターズの田中です。

以下のタグを、ヘッダー（またはフッター、レフトナビ）にご記載ください。

=====これより下の行から=================

/* 項目選択肢、名前部分の背景色と文字色、大きさを変更 */
div#rakutenLimitedId_aroundCart table tr td span.choice {
  display: block;
  font-size: 16px; /* 文字の大きさ */
  font-weight: bold; /* 文字を太字にする */
  color: #fff; /* 文字色 */
  background-color: #a80404; /* 背景色 */
  text-indent: 5px; /* 行頭に入れるスペースの幅 */
  width: 300px; /* 全体（背景色が適用される部分）の幅 */
  margin: 15px 0 0 0; /* 周りの要素との間隔（上・右・下・左方向） */
  padding: 4px 0; /* 内側の余白の幅（上下方向・左右方向） */
}

=====これより上の行まで=================

それぞれの行に含まれる、数字や色の指定を変更することで、
デザインを変更することができます。

Answer

解決しました。ありがとうございます。