商品ページのスタイル適用について

Question

お世話になっております。
商品ページにスタイルシートを適用しており以前は問題なく表示されていましたが、本日確認したところスタイルシートが適用されなくなっていました。

商品説明の最初に以下を入れています。


一例としてこちらのページに設定していますが反映されていません。
https://wowma.jp/item/450397142

ソースの表示からstyle.cssのリンクをたどると、スタイルシートの内容が表示されています。

原因をご教示いただけましたら幸いです。
よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

> 商品ページにスタイルシートを適用しており以前は問題なく表示されていましたが、本日確認したところスタイルシートが適用されなくなっていました。

CSSを拝見したところ

〜〜 #itemSuperDetailAra 〜〜

のように、id="itemSuperDetailAra"が存在することが
前提となっていますが、
au Payマーケットのソースを確認したところ
id="itemSuperDetailAra"が存在しないため、
仕様変更で上記タグが削除されているようです。

そのため、CSSの修正をお願い致します。

Answer

ありがとうございます。
詳しい設定方法についてわからないのですが、
解説ページなどありますでしょうか？

Answer

商品ページのソースコードには表記されていますが、スタイルシートが読み込まれていないということでしょうか？###HR######IMG06e090d5f53cc6………（省略）………
ログインして全文を読む

Answer

ECマスターズの伊藤です。

> 商品ページのソースコードには表記されていますが、スタイルシートが読み込まれていないということでしょうか？

スタイルシートを呼び出すことはできていますが、
https://plus.wowma.jp/user/43651518/plus/css/style.css
に記載されている

例えば

/* 商品説明*/
#container #contents #itemSuperDetailAra p.item_text,#itemSuperDetailAra p.item_title,#itemSuperDetailAra p.item_catch,#itemSuperDetailAra p.item_maintext{font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;color:#000;}

の場合、

#itemSuperDetailAra

が存在しないため、上記のCSSの適用先がなく、
反映されない状態となっています。