物販も可能な店舗サイトをすぐ始められるWordPressテーマ「SALON」
ワードプレステーマ別

TCDテーマSERUM:PC表示でページ両側の余白を非表示にする方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.PC表示でページ両側の余白をなくしたい

ページの左右に白い余白が入ってしまいます。PC表示でこの余白をなくすことはできますか?

A.はい、カスタムCSSで対応可能です

管理画面のTCDテーマ > 基本設定 > カスタムCSSに、下記コードをコピペして保存してください(子テーマをご利用の場合は、子テーマのstyle.cssに記載することを推奨いたします)。

@media screen and (min-width: 1222px) {
/* サイド両側の余白をなくす */
body { padding-inline: 0 !important; }
/* コンテナ両側の枠線をなくす */
#container { border: none; }
/* サイドのキャッチフレーズを非表示 */
#site_desc { display: none; }
}

余白だけをなくしたい場合は1行目のみで問題ありませんが、その場合キャッチフレーズや枠線は残ったままになりますので、あわせて非表示にされたい場合は下2行も併記してください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事