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行も併記してください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!