Q.質問内容
トップページに表示されるギャラリーや投稿が、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。
▼変更後のイメージ（デモサイト：トップページ・タイプA）
A.カスタムCSSに下記CSSを追記してください。
ダッシュボード左メニュー【TCDテーマ】>【基本設定】>「カスタムCSS」に下記CSSを追記してください。
/* トップページ：ニュースティッカー */
#newsTicker-list{
max-width: 1180px;
margin-right: auto !important;
margin-left: auto !important;
}
/* トップページ：ヘッダーコンテンツ */
.p-mv1-content{
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
/* トップページ：ヘッダーコンテンツ（背景がない時）*/
.p-mv-no-img-content {
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
/* トップページ：ギャラリー一覧（記事数指定） */
.p-top-fix-gallery-item-inner{
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
/* トップページ：投稿一覧 */
.p-top-fix-item-inner {
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
/* トップページ：ギャラリー一覧(無限スクロール) */
#gallery-container{
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
■TCDテーマARTISAN：カスタム投稿「ギャラリー」でコンテンツの最大幅を設ける方法
Q.質問内容 カスタム投稿「ギャラリー」のアーカイブページ(記事一覧)や記事詳細ページでは、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。 ▼変更後イメージ（デモサイト：ギャラリーアーカイ...
■TCDテーマARTISAN：ブログのアーカイブページでコンテンツの最大幅を設ける方法
Q.質問内容 ・カスタム投稿「ブログ」のアーカイブページでは、ウィンドウ幅に合わせてどこまでも大きく表示されます。各コンテンツに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。 ・投稿の記事一覧で、最大幅を設けたいです。 ▼変更後イメージ（デモサイト：ブ...
■TCDテーマARTISAN：サイト全体でコンテンツの最大幅を設ける方法
Q.質問内容 ・アーカイブページや固定ページに最大幅を設けて、大きいディスプレイでも画像が大きくならないように対策可能でしょうか。 ・メニューの横幅を狭くして、コンテンツを全体的に狭くしたいです。 ・基準の横幅を設けて、すっきりとした印象のあるサイトに変更したいです。 ▼変更後イメージ（...
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！