バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > テンプレートL3001での色変更

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
teishin
投稿日時: 2019/2/22 11:20
対応状況: −−−
新米
登録日: 2019/2/22
居住地:
投稿: 6
テンプレートL3001での色変更
▼テンプレート
[EC-CUBE] 3.0.17
[レンタルサーバ] ロリポップ
[OS] Win10
[PHP] 5.6.21
[データベース] MySQL 5.6.23-log
[WEBサーバ] Apache
[導入プラグインの有無] なし
[カスタマイズの有無] L3001を基本に背景色などを変更しています。
[現象]
ヘッダーの店名を文字ではなく画像にし背景を白にしたところスマホ表示でメニューボタン(横三本線)が同化してしまい見えなくなってしまいました。
どの部分を変更すればいいのでしょうか?よろしくお願いいたします。
honmi
投稿日時: 2019/2/22 18:18
対応状況: −−−
新米
登録日: 2019/2/22
居住地:
投稿: 2
Re: テンプレートL3001での色変更
style.cssの1018行目にあります、「background: #fff;」の部分をご希望のカラーに変更されると表示されるようになるかと思います。
例えば、黒色でしたら「background: #000;」となります。

下記の箇所です。

.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
 /* hamburger icon in CSS */
 position: absolute;
 display: inline-block;
 height: 3px;
 width: 24px;
 background: #fff;
 }
teishin
投稿日時: 2019/2/25 13:25
対応状況: 解決済
新米
登録日: 2019/2/22
居住地:
投稿: 6
Re: テンプレートL3001での色変更
honmi様

無事に色変更できました。ありがとうございました。
お返事遅くなり申し訳ございません。
honmi
投稿日時: 2019/2/25 15:01
対応状況: −−−
新米
登録日: 2019/2/22
居住地:
投稿: 2
Re: テンプレートL3001での色変更
お役に立てて良かったです。

修正箇所が分からなくなったときは、ブラウザの開発者ツールを使って、どのタグにどのCSSが適用されているかを確認されると良いかと思います。
頑張って下さい!
teishin
投稿日時: 2019/2/28 9:27
対応状況: 解決済
新米
登録日: 2019/2/22
居住地:
投稿: 6
Re: テンプレートL3001での色変更
honmi様

お教えいただいた開発者ツールで他の変更したい箇所も見つけることが出来ました。
ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


ec-cube.co

統計情報

総メンバー数は46,444名です
総投稿数は92,291件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1904
4
468
1791
5
yuh
1594
6
red
1313
7
umebius
1296
8
fukap
907
9
tsuji
840
10
shutta
835
11 ramrun 789
12
tao_s
758
13
h_tanaka
746
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

Copyright© LOCKON CO.,LTD. All Rights Reserved.