賢威7のテンプレートは、初期状態では横幅が1200pxになっています。

この幅を少し狭くしたい、または広くしたいという時は、何処を変更すれば変わるのでしょうか?

実際に幅を変更したいという状態になり、色々探して見付けましたので、メモがてら記事に残しておこうと思います。

変更するファイルは?

画面の横幅指定は、CSSファイルで行われています。

変更するファイルは、base.css ファイルです。

base.css 内で指定されているのは、全部で6ヶ所あります。

一番簡単に探す方法は、base.css をテキストエディターに読み込み、「1200px」で検索してみると簡単です。

具体的な変更ヶ所

賢威7のコーポレート版テンプレート、base.css を元に解説します。

変更箇所は、次の行です。

  • 474行目
  • 489行目
  • 508行目
  • 990行目
  • 1005行目
  • 1279行目

※バージョンにより行数が若干異なる可能性があります。

これらのヶ所に初期状態では、1200px と数字が入っていますので、数字を変更する事で横幅を変える事が出来ます。