フッターのコピーライト下に余白作成



  • お世話になります。
    フッターの下に以下の余白を作成したい場合、どのようにすればいいでしょうか?
    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_様お返事ありがとうございました。
    無事カスタマイス出来ました!!
    感謝いたします。



  • @ルマ さん

    ご報告ありがとうございました!