トップページの記事タイトル下の余白について



  • トップページの記事タイトルの下、日付表示を消すとそのぶん余白が増えてしまいます。0_1568866576638_sample.jpg
    これは仕様でしょうか。もし日付表示を消した行を削除し、詰められるのであれば、ご教授いただけると助かります。どうぞよろしくお願いいたします。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ : chrome
    該当サイトのURL : http://fufunaka.com/


  • administrators

    @namagakit さん

    こんにちは!JIN運営チームのりょうたです。

    @media (min-width: 768px){
    a.post-list-link {
        margin-bottom: 0px; 
    }
    }
    

    上記を追加CSSに追記していただくと少し詰めることはできると思います。
    日付を元に戻す場合は、この記述も消していただかないと表示が崩れてしまう恐れがあるのでそこだけは注意していただけますと幸いでございます。

    お手数お掛け致しますが、宜しくお願い致します。



  • トップページの記事タイトル下の余白についてで@ryotaが発言 :

    post-list-link

    早速のお返事、ありがとうございます。
    やってみましたが、とくに変化はなく…。
    ほかにやり方がないか、工夫してみたいと思います。
    取り急ぎ、御礼申し上げます。



  • トップページの記事タイトル下の余白についてで@ryotaが発言 :

    JIN運営チームのりょうた

    JIN運営チーム りょうた様

    余白の件、詳しい方に相談し、解決いたしました。
    ありがとうございます。
    ただ、PCのほうは余白は縮まったのですが、スマートフォンの画面のほうは、やはり余白が大きいままでした。
    こちらは、PCのように解決できるものでしょうか。
    まことに恐れ入りますが、ご回答賜りますよう、お願いいたします。
    どうぞよろしくお願いいたします。

    namagakit



  • JIN運営チーム りょうた様

    補足になりますが、りょうたさんの修正方法を、正しく反映させるために、「詳しい方」に伺ったということで、ご提案いただいた以外のことはしておりません。
    誤解を招いてはいけないと思い、補足させていただきました。
    どうぞよろしくお願いいたします。

    namagakit


  • administrators

    @namagakit さん

    こんにちは!りょうたです。
    ご丁寧にありがとうございます!

    スマホもということであれば、昨日お送りさせていただいたコードを少し修正し、

    a.post-list-link {
        margin-bottom: 0px; 
    }
    

    上記を同じように追加CSSに追加するだけで問題ないかと思います。
    その際、昨日お送りさせていただいたコードは削除していただいて構いません!

    お手数お掛け致しますが、宜しくお願い致します。



  • うまく修正できました。
    解決済みとしてくださいますよう、お願いいたします。
    ありがとうございました!