質問 > フロント機能 > テンプレート No.L3001(3.0系)のheader_logo_areaのサイズ変更 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
cal_naga |
投稿日時: 2018/6/8 17:43
対応状況: −−−
|
新米 登録日: 2013/10/16 居住地: 投稿: 8 |
テンプレート No.L3001(3.0系)のheader_logo_areaのサイズ変更 [EC-CUBE] EC-CUBE 3.0.16、新規インストール
[レンタルサーバ] WebARENA SuitePRO V4 [OS] CentOS 7.1 [PHP] 7.2.6 [データベース] MySQL 5.7.22 [WEBサーバ] Apache [ブラウザ] Chrome [導入プラグインの有無] 特になし [カスタマイズの有無] テーマ変更:EC-CUBEレスポンシブWebデザインテンプレート No.L3001(3.0系) [現象] 上記のテンプレートを導入・インストールしました。 ヘッダー部分にあるheader_logo_areaのサイズがデフォルトでは240*140pxとなっており、この横幅を倍ぐらいまで広げたいと考えています。 ただ、html/template/サイト名/css/style.cssを見てもheader_logo_areaのサイズを設定している箇所が見当たりません。 どのようにサイズ変更を行えば良いかご教示いただけませんでしょうか。 【No.L3001 デモサイト】 https://template.ec-cube.net/l3001/ |
umebius |
投稿日時: 2018/6/8 19:52
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: テンプレート No.L3001(3.0系)のheader_logo_areaのサイズ変更 style.cssの444行目あたり、
下記が該当箇所ではないでしょうか? width: 20em; #header .header_logo_area { text-align: center font-size: 1.2rem; width: 20em; margin: 0 auto 1rem; }
|
cal_naga |
投稿日時: 2018/6/9 8:39
対応状況: −−−
|
新米 登録日: 2013/10/16 居住地: 投稿: 8 |
Re: テンプレート No.L3001(3.0系)のheader_logo_areaのサイズ変更 umebius様
返信ありがとうございました。 当該テンプレートでは以下のような記述があり、widthを書き換えてみましたが表示は変わりませんでした。 #header .header_logo_area { text-align: left; font-size: 1.2rem; /* width: 17em; 18/06/08 mod */ width: 34em; margin: 0 auto 1rem 1rem; } |
umebius |
投稿日時: 2018/6/10 17:08
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: テンプレート No.L3001(3.0系)のheader_logo_areaのサイズ変更 スマホ表示の場合でしょうか?
挙げていただいたURLでは width: 17em;を34em;に変えればたしかにエリアは広がっている様に思います。 ただ、右側のカート、ハンバーガーアイコンがposition: absoluteになっているため、変化が無く分かりにくいですが。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |