質問: 項目選択肢別在庫での画像表示設定(スマホ) お世話になります。項目選択肢別在庫の画像設定について教えて下さい。https://forum.ec-masters.net/post_view.php?id=8507こちらを参考に、pc・スマホともに画像を表示させることはできました。ここから、スマホで画像表示させる場所を変更できるでしょうか?添付画像は上記リンク先ページのもので私のページも同様の形なのですが、スマホページで項目選択肢を折りたたむと画像が隠れてしまいます。折りたたんだ状態でも画像が表示される、この画像でいうとblack・khakiなどの項目選択肢のタイトル部分に画像を表示したいと考えています。よろしくお願いします。
回答: ecマスターズの田中です。それでは、下記の形式でスタイルシートをご設置いただきますようお願いします。= この下の行から ====================@charset "utf-8";/* css document */.itemselectpopup dl:nth-of-type(1) dt:before { background-image: url(画像url);}.itemselectpopup dl:nth-of-type(2) dt:before { background-image: url(画像url);}/* 以上3行ずつ(空白含めて4行ずつ)繰り返し */.itemselectpopup dl { height: 80px;}.itemselectpopup dt:before { display: inline-block; position: absolute; content: ""; left: 0; width: 80px; height: 80px; background-size: 80px; background-repeat: no-repeat;}.itemselectpopup label { padding: 0 34px 0 0px;}.itemselectpopup dt { background-color: タイトル部分の背景色 !important; min-height: 80px; height: 81px; text-indent: 80px;}body .itemselectpopup dt>span:after,body .itemselectpopup dl.opened dt>span:after{ top: 33px;}= この上の行まで ====================※画像urlは、各選択肢に表示する画像urlにご変更ください。※タイトル部分の背景色は、カラーコードもしくは色の名前にご変更ください。変更しない場合は行ごと削除願います。※以上3行ずつ(空白含めて4行ずつ)繰り返し、の部分は、「.itemselectpopup dl:nth-of-type(*) dt:before」から始まる3行の規則を繰り返しご記入ください。