項目選択肢のデザインレイアウト設定について

Question

お世話になります。
項目選択肢のデザインレイアウトを下記のショップ様のように
見やすく変更したいのですが、どこで設定すればよいのでしょうか？

下記のショップ様のソースは見れるものなのでしょうか？

http://item.rakuten.co.jp/puravida/101100009/

ご教示いただけますと幸いです。

Answer

ECマスターズの田中です。

＞項目選択肢のデザインレイアウトを下記のショップ様のように
＞見やすく変更したいのですが、どこで設定すればよいのでしょうか？

ヘッダー・フッター・レフトナビもしくは共通説明文（大）に
styleタグ、もしくは外部スタイルシートファイルを参照するlinkタグを挿入することで
設定することができます。

たとえば、下記のように記載すると、
赤背景白文字かつ文字サイズを大きくすることができます。

====== この下から ================

body #rakutenLimitedId_aroundCart span.choice {
color: white !important; /* 文字色 */
font-size: 18px !important; /* 文字サイズ */
background: red !important; /* 背景色 */
}

====== この上まで ================

＞下記のショップ様のソースは見れるものなのでしょうか？

はい、見ることができます。
変更方法を見たい要素を右クリックして、
Chromeであれば「検証」IEであれば「要素の検査」をクリックしていただき、
表示された開発者ツールの右側に、
要素に適用されたスタイルシート、および記載されている場所が表示されます。

添付画像の緑枠内に、要素に適用されているスタイルシート（無効な属性は取り消し線が引かれています）が、
赤枠内に、記載されている場所へのリンクがあります。

こちらのショップの場合、
項目選択肢のレイアウトを指定しているのは
http://www.rakuten.ne.jp/gold/puravida/css/base2014.css
の、1124〜1134行目、「.choice」に対する規則の部分なので、
参考までにご確認ください。
（※「itempage.css」にも規則はありますが、その規則による変更は何もありません）

Answer

田中様

ご返信ありがとうございます。

早速さわってみたいと存じます。
また、何かありましたらよろしくお願いいたします！