「あす楽」表示のデザイン変更について

Question

1月22日の配送方法設定の仕様変更に伴って、PCサイトの商品ページの「あす楽」の案内デザインが変更になったようです。

「この商品の配送方法」と「あす楽の詳細」等が黒文字での案内･表示になり
自店は店舗ページ･商品ページを黒バック(000000)で作成しているため
あす楽関連の案内箇所が真っ黒の状態で、お客さんには全く分からない状態となっています。

コールセンターに確認したところ、
店舗側で「あす楽」関連のフォント色を変える設定は無く、店舗サイトの黒バックの変更で対応してくださいとの返答でした。

店舗サイトのベース色変更(現状の黒から、白・グレー等)はショップイメージそのものの変更となってしまうので
難しいのが現状です。

何かの設定等で、「あす楽」部分の表示フォントを変更することは出来ないでしょうか？

Answer

ECマスターズの塚本です。

＞何かの設定等で、「あす楽」部分の表示フォントを変更することは出来ないでしょうか？

CSSを用いて可能かと思いますので、
こちらでお調べしまして担当のものより再度ご連絡させていただきます。

お時間いただきますが、今しばらくお待ち下さいませ。

Answer

ECマスターズの田中です。

ヘッダー・フッター・レフトナビ、もしくは商品説明文（大）に
下記の通り、CSSを追加するHTMLソースを追記してください。

= この下の行から ====================

/* あす楽部分の文字色指定 */
.deliveryInformation { color: white; }
.asurakuDeadline { color: black; }

= この上の行まで ====================

Answer

あす楽表示、無事に改善出来ました。
ありがとうございました。