カテゴリー
エッジプラス1テンプレートの質問

E002のメインコンテンツの幅を変えたい

ご利用のテンプレート:E002
ご利用のサーバー:ミニバード
お客様のスキル:「HTML・CSSくらいなら編集できる」
ご質問内容:
お世話になっております。

表題の件につきまして、E002を使用しているのですがメインコンテンツの幅を少し狭くして、サイドバーの幅を少し広くしたいのですがどうすればよろしいでしょうか?

よろしくお願いいたします。

「E002のメインコンテンツの幅を変えたい」への4件の返信

お世話になっております。

幅を変えるのであれば、style.cssの
メインエリアなら#mainのサイズとサイドバーなら#sidebarのサイズを変更すれば変わります。

ただ、それらのサイズを変えた場合、
メインエリアの中のコンテンツのすべてのサイズの調整が必要になります。
たとえば、ランキングの部分であれば、
ランキングの枠の幅の調整、枠の中に入っているテキストエリアやボタンのサイズなどなど。
その他のコンテンツのサイズもすべて変更しないと、
スタイルがすべてくずれます。
サイドバーのコンテンツも同様です。

それとレスポンシブになっているので、パソコン・タブレット・スマホ閲覧時のスタイルがcssで調整されています。
パソコン閲覧時のサイズを変更するだけでなく、
タブレット閲覧時のサイズもすべて調整が必要になってきます。

E002ランキングバージョンのテーマで説明すると、style.cssの
タブレット閲覧時のサイズは、859行目から1075行目まで、
パソコン閲覧時のサイズは、1190行目から1452行目までの
「width」(widthは幅のサイズを指定するもの)と書かれている部分の調整が必要です。
ヘッダー周辺やフッター部分は編集必要ありません。

760行目まではスマホ閲覧時のcssなので、そこは調整は必要ありません。

style.cssを見ていただければわかると思いますが、修正箇所がたくさんあります。
「このclassがついている箇所はここの部分です」「このcssを調整するとこうなります」など、
説明していくには膨大になってしまいますので・・・
申し訳ありませんが、そこまでのサポートはできかねますのでご了承ください。

コメントを残す