質問 > フロント機能 > 商品詳細で商品名の文字のフォントを小さくしたい |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
NSX-R |
投稿日時: 2018/10/25 1:14
対応状況: −−−
|
長老 登録日: 2012/12/14 居住地: 投稿: 234 |
商品詳細で商品名の文字のフォントを小さくしたい 商品詳細画面の商品タイトルがH2タグ32pxになっていますが
文字数が多いと改行して見づらいので、 色々とCSSを触ったり、deteail.twigもいじったのですが変化がありません。 どのcssを触ればフォントを小さく出来るのでしょうか? 教えてください、どうぞよろしくおねがいします。 |
sw_tm |
投稿日時: 2018/10/25 13:14
対応状況: −−−
|
常連 登録日: 2018/5/25 居住地: 投稿: 43 |
Re: 商品詳細で商品名の文字のフォントを小さくしたい スタイルの変更についてですが、
Sassファイルの修正とビルドが 必要になります。 ■Sassファイル修正箇所 https://github.com/EC-CUBE/ec-cube/blob/fe9b2010046ac9e859305e72fead23ce67ebe8e3/html/template/default/assets/scss/project/_14.1.product.scss#L33-L40 ■Sassのビルド http://doc4.ec-cube.net/design_css ビルドの作業が手間であれば、CSSファイルを直接修正することでも 変更は可能です。 |
NSX-R |
投稿日時: 2018/10/28 12:28
対応状況: −−−
|
長老 登録日: 2012/12/14 居住地: 投稿: 234 |
Re: 商品詳細で商品名の文字のフォントを小さくしたい sw_tm様
どうもありがとうございます ビルドが必要なんですね、はじめて知りました。 それでは、直接CSSを変更したいのですが、CSSが見つけきれないのですが どのフォルダに入っているCSSでしょうか? すみませんがよろしくおねがいします。 |
sw_tm |
投稿日時: 2018/10/29 10:33
対応状況: −−−
|
常連 登録日: 2018/5/25 居住地: 投稿: 43 |
Re: 商品詳細で商品名の文字のフォントを小さくしたい 直接CSSを編集する場合は、以下の箇所を修正すればよいと思います。
https://github.com/EC-CUBE/ec-cube/blob/01e1dfb396bb1d8ff70180fab3c971c1aa108249/html/template/default/assets/css/style.css#L8751-L8753 また、 /html/template/default/assets/css/style.css ファイル内を 「.ec-productRole .ec-productRole__title .ec-headingTitle」 で検索すると該当箇所が確認できるかと思います。 |
NSX-R |
投稿日時: 2018/10/30 11:30
対応状況: −−−
|
長老 登録日: 2012/12/14 居住地: 投稿: 234 |
Re: 商品詳細で商品名の文字のフォントを小さくしたい sw_tm様
うまくいきました! どうもありがとうございましたm(_ _)m |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |