トップページのピックアップコンテンツと記事一覧のカテゴリー表記を消したい

  • G

    タイトル通りのご相談なのですが、トップページに表示される記事一覧とピックアップコンテンツのカテゴリー表記を消したいです。
    以前、JINフォーラムでご相談して教えていただいた下記コードを追加したら消えたと思ったのですが、消えたのはスマホ版だけでPCで見ると残ったままでした。
    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
    .pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat{
    display:none;
    }
    PC、スマホ両方でカテゴリー表記を消す方法をご教示いただけますと幸いです。

    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL : https://oil-lubricants-world.com/

    0 1 件の返信

  • @gats さん

    こんにちは！
    コードありがとうございます。

    @media (max-width: 767px) {

    の中に書いてしまっているのが原因だと思います...！

    以下のコードに変えるとどうでしょうか？？

    .proflink a{
    display:block;
    text-align:center;
    padding:7px 10px;
    background:#aaa;/カラーは変更/
    width:50%;
    margin:0 auto;
    margin-top:20px;
    border-radius:20px;
    border:3px double #fff;
    font-size:0.65rem;
    color:#fff;
    }
    .proflink a:hover{
    opacity:0.75;
    }
    @media (max-width: 767px) {
    .proflink a{
    margin-bottom:10px;
    }
    }
    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
    .pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat{
    display:none;
    }
    .entry-card .cat-label,
    .related-entry-card .cat-label{
    display: none;
    }

    ご確認よろしくお願いいたします！

    0
    G
     1 件の返信
  • G

    @tsu_ さん
    ありがとうございます！PCで見ると解決できましたが、今度はスマホで見ると記事一覧の方のカテゴリー表記が表示されてしまいました。（スマホ版での、ピックアップコンテンツの方はカテゴリー表記消えております。)
    こちらも消すことは可能でしょうか？何度もすいませんが、よろしくお願いします。

    0 1 件の返信

  • @gats さん

    こちらだと、いかがでしょうか...？？
    .proflink a{
    display:block;
    text-align:center;
    padding:7px 10px;
    background:#aaa;/カラーは変更/
    width:50%;
    margin:0 auto;
    margin-top:20px;
    border-radius:20px;
    border:3px double #fff;
    font-size:0.65rem;
    color:#fff;
    }
    .proflink a:hover{
    opacity:0.75;
    }
    @media (max-width: 767px) {
    .proflink a{
    margin-bottom:10px;
    }
    }

    .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-meta .post-list-cat,
    .pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat{
    display:none;
    }
    .entry-card .cat-label,
    .related-entry-card .cat-label{
    display: none;
    }

    0
    G
     1 件の返信
  • G

    @tsu_ さん
    ありがとうございます！このコードでカテゴリー表記は全て消えました！
    ありがとうございました。

    0 1 件の返信

  • @gats さん

    ご報告ありがとうございます！

    0