eccube-2.12.6en-p1背景色変更

  • 投稿日:
  • by
  • カテゴリ:

eccube-2.12.6en-p1多言語の背景色変更を変更したときの記録です。

2.12.6en-p1_14.JPG

eccube-2.12.6en-p1多言語の初期状態ではヘッダーには下記の画像があります。

eccube_2.12.6en_p1_header2.jpg

この画像を変更するには管理画面でfilemanegement user_data > packages > default_en-US > img > commonと進み「bg_header2.jpg」を差し替えます。今回は無地のヘッダーにするため削除しました。

画像を削除すると灰色のヘッダーになるので、 PC>css.settings>common.cssを編集します。ヘッダー以下の部分に#fffを追記してそれを白に変更します。

/* ==============================================
ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
min-height: 92px;
background: url("../img/common/bg_header2.jpg") center top no-repeat #fff;
}
#header {
margin: auto;
width: 980px;
}
#logo_area {
padding-left: 5px;

両サイドカラムの外の余白部分の灰色をヘッダーと同じく白に変更します。フレーム以下の部分に#fffを追記してそれを白に変更します。

/* ==============================================
フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
margin: 0 auto;
width: 100%;
text-align: center;
background: url("../img/common/bg_header.gif") repeat-x 0 0 #fff;
}

ブラウザで確認して設定が反映されていれば完了です。IEかEDGEで反映されているかを確認出来ますが、chromeの場合にはキャッシュされた画像とファイルを削除すれば確認ができます。

スポンサード リンク