Kindle IT・専門書フェアへ

SANGOでトップページの幅を大きくする方法

なぜかSANGOのトップページは、記事一覧などに比べトップページが狭いので、同じ幅になるようCSSを追加。
2分割ヘッダーアイキャッチを表示する場合も同じ幅になるように調整。

			
編集する場所
[外観]-[カスタマイズ]-[追加CSS]
以下のコードをCSS追加する。
/*SANGOのサイドバーの横幅を広くするカスタマイズ*/
@media only screen and (min-width: 1230px) {
.wrap {
  width: 1200px;
}
.d-5of7 {
  width: 70%;/*メインコンテンツ幅(デフォルト69%)*/
}
.d-2of7 {
  width: 30%;/*サイドバー幅(デフォルト31%)*/
}

.header--center .desktop-nav li a {
  padding: 18px 15px 18px;
  font-size: 24px; /* メニューの文字の大きさ */
}

/*END SANGOのサイドバーの横幅を広くするカスタマイズ*/

/* 幅を広くした場合の2分割ヘッダーアイキャッチの幅も大きくする */
#divheader.maximg {
  max-width: 1200px;
}

コードはこちらを参考にしています。

 あずさんち 
SANGOのサイドバーの横幅をコピペで変えるカスタマイズ方法|あずさんち
https://azu3.com/sango-sidebar/
今回は、Twitterで質問があった「SANGOのサイドバーの横幅の広さを変更する方法」についてまとめておきま