全体の幅を広げる

カスタマイズ方法

デザインテンプレート、及び、ホームページテンプレート枠の全体の幅を変更します。(広くします)

DL時の横幅は860pxです。以下で900pxに変更します。

デザインテンプレート

CSSファイルの以下の部分です。

base-layout.css

/*
=========================================================================
                                               全体の幅指定と共通指定部分
========================================================================*/

body {
  text-align: center;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0;
}

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 860px;/* ここを変更 */ --- この部分です
}

#globalnavi { width: 858px; } --- 合わせてここも

/* 以下変更不要 */
#container { width: 100%; }

#undernavi { clear: both; }

#footer {
  width: 100%;
  height: 130px;
}
---------------------------------------------------

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 900px; /* ここを変更 */
}

#globalnavi { width: 898px; }

ホームページテンプレート枠

CSSファイルの以下の部分です。下記はリキッドレイアウトのCSSです。

wm-base-layout.css

/* 
[3-1] 全体の横幅 及び 基本的な段組みを指定
-----------------------------------------------------------------------
#wrapper { width: 90%; }部分が全体の幅となります。
-----------------------------------------------------------------------*/

/* 全体の幅 */
#wrapper { width: 90%; } --- この部分です

---------------------------------------------------

/* 全体の幅 */
#wrapper { width: 900px; } 

コメント

   
 

高品質で低価格!ホームページ制作・ネットショップ制作・Wordpressを利用したCMSサイト制作等、随時承っております。

どうぞお気軽にお問い合わせください。