chucky asked 5年 前
トップページの商品価格のフォント変更は以前の質問を見て変更したのですが、商品詳細ページの商品価格のフォントを変更したいのですが、どの部分を変更したらいいのかわかりません。
お手数ではございますが教えていただけましたら幸いです。
よろしくお願いいたします。
BaseDesignInfo Staff answered 5年 前
参照されたページありがとうございます。
質問者さまがテンプレートにCSS直接書き込む前提のコードを提示されていた場面ですので、
もしかしたら直接編集されたのかもしれません。
現在はもっと簡単にできるようになっています。
デザイン編集画面の一番下の項目「【上級者向け】独自スタイルシート」の欄に、下記のコードを入力してみてください。
#item_page_wrap #price, .properprice { font-family: helvetica !important; }
（ helvetica の部分にはお好みのフォント名が入ります。）
例えば「item-price」をこれに含めて
.item-price, #item_page_wrap #price, .properprice { font-family: helvetica !important; }
などとすることで、まとめて指定することもできます。
よろしくお願いいたします。
chucky
replied 5年 前 上記のコードを「【上級者向け】独自スタイルシート」の欄にコピペしてフォント名を変更して入れてみたのですが、商品詳細ページの商品価格の変更が出来ていませんでした。
どうしたらいいでしょうか？
お手数ですがまた教えていただけたら幸いです。
実際のURLをお知らせください。
chucky
replied 5年 前 商品詳細のページです。
https://foldy.thebase.in/items/26464030
よろしくお願いいたします。
独自スタイルシートが反映されていません。管理画面でのデザイン編集の内容を確実に保存してみてください。
chucky
replied 5年 前 コピペしてデザイン編集を保存としているのですが、反映されていないという事ですよね？
それともやり方が間違えていますか？
「コピペしてデザイン編集を保存」で問題ありません。
「フォントが変わらない」ということなので、原因としてスタイルシートに誤りがあるかどうかを確認したいのですが、
反映されているはずのスタイルシート物自体が見つからないため、公開されるものをこちらから見る限りでは何が原因か知ることができません。
保存ができているかの確認として、例えば独自スタイルシートの欄に、「こんにちは」と入力して保存、公開されたサイトのHTMLを表示して「こんにちは」を検索してみてはどうでしょうか？
BaseDesignInfo Staff answered 5年 前
補足です。
> トップページの商品価格のフォント変更は以前の質問を見て変更できた
ということなので、同じ方法でやって頂いた方が早いかもしれません。
トップページでは「item-price」でしたが、それを「id=”price”」として同じ方法でやってみてください。
chucky
replied 5年 前 はじめのご提案の「こんにちは」を保存してHTMLを検索してみましたけども、見つからず反映されていないようでした。
「item-price」と同じ方法でやってみましたら、無事に出来ました。
なぜスタイルシートの保存が反映されないのかがわからないのですが、とりあえず無事に変更することが出来ました。
何度もお手数をおかけ致しました。
ありがとうございました。
ご質問ありがとうございます。
参考にされた質問ページはどちらでしたでしょうか？
トップページ：商品価格のフォント変更についてを参考にさせていただきました。