フッターのコピーライト下に余白作成
-
お世話になります。
フッターの下に以下の余白を作成したい場合、どのようにすればいいでしょうか?
SP:180~200px
PC:100pxページ最下部とオーバレイ広告と具合が悪いらしく、被るのを回避させたいと思っています。
よろしくお願い致します。
マニュアル確認済み
WordPressのバージョン :
ご利用のサーバー名 :
PHPのバージョン :
OS :
ご利用のブラウザ :
該当サイトのURL :
-
@ルマ さん
こんにちは!
単純に余白を作りたいのであれば、以下のコードを追加CSSに書いていただくと
余白が出来上がると思います!@media (max-width: 767px) { footer { margin-bottom: 200px; } } @media (min-width: 768px) { footer { margin-bottom: 100px; } }
ご確認よろしくお願いいたします!
-
tsu_様お返事ありがとうございます!
助かります!CSS初心者でもう2点ほど確認したいのですが、
1 上記コードをそのままカスタマイズの追加CSSに貼り付ければ、スマホで見た時に200px、PCで見た時に100pxの空白が出来ますか?
2 上記コードで767pxと768pxで1px違いますが、合わせなくても大丈夫ですか?よろしくお願い致します。
-
@ルマ さん
上記コードをそのままカスタマイズの追加CSSに貼り付ければ、スマホで見た時に200px、PCで見た時に100pxの空白が出来ますか?
管理画面「外観」>「カスタマイズ」>「追加CSS」に貼り付けてみてください!
反映されない場合は、何か他のコードが干渉している場合があります。。。上記コードで767pxと768pxで1px違いますが、合わせなくても大丈夫ですか?
サイズを分けるための数字なので、大丈夫ですよ!
-
tsu_様お返事ありがとうございました。
無事カスタマイス出来ました!!
感謝いたします。
-
@ルマ さん
ご報告ありがとうございました!