バージョン選択

フォーラム

メニュー

オンライン状況

51 人のユーザが現在オンラインです。 (39 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 51
もっと...

サイト内検索

質問 > フロント機能 > テンプレート 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;
}


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

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になっているため、変化が無く分かりにくいですが。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,284名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.