css フォントサイズ変更方法教えてください
c03-Very_dark_grayを使用しています。
メインコンテンツ、商品詳細ページの説明文の入るところのフォントサイズを変更したいです。
design のcss のボディというところのfont sizeを変更してみましたが、できませんでした。
どなたか教えてください。
商品詳細ページ内の商品説明文のフォントサイズは、商品説明文入力欄において、変更対象の文字列を選択した後に、商品説明文入力欄の上部にある[フォントサイズ]アイコンから変更頂きます。
説明文を全体的に統一したフォントサイズにする場合(スタイルを追加したフォントサイズの変更の場合)は、以下のスタイルを追加する事で変更できます。
.item_detail .item_explain {
font-size: 12px;
}
他のスタイルが干渉して変更されない場合は「!important」を追加して下さい。
.item_detail .item_explain {
font-size: 12px!important;
}
以上をご参照頂き、変更をお試しください。
商品名の文字列の統一
商品名と値段が表示するのを3行統一したいです。
短い商品名でも長い商品名と同じ幅になるような方法ありますか?
商品一覧・カテゴリページにおける表示と認識して回答いたします。
商品名の表示幅等を指定する専用の設定はございませんが、以下のスタイルを追加する事で、商品名が1行に収まり、表示エリアからはみ出す部分は「…」の表示とすることができます。
スタイルの追加をお試しいただき表示内容をご検討ください。
<style>
.item_catalog .item_name_lower_block .item_name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
</style>
スタイルシートの追加方法は以下のヘルプをご覧ください。
ページに<style>を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=add-style
[スタイル追加に関するご注意]
標準で提供する機能及び設定ではございませんので今後のバージョンアップにて上記スタイルが正常に適用されない場合がございます。
上記内容をご了承いただいた上でスタイルの追加を行ってください。
また、1商品毎の表示幅を調整する場合は、商品フレーム設定のフレームサイズにてご対応ください。
商品フレームサイズの調整方法とは少し異なりますが商品フレームの設定に関するヘルプページは以下をご覧ください。
商品フレームを設定する
https://emshelp.easy-myshop.jp/c-item-detail?ic=item-frame