Question

投稿一覧の文字サイズ変更

  • c cecillia
  • トップページに表示される投稿一覧の文字サイズ変更です。

    ・記事タイトルのサイズを変更したい
    ・投稿日のサイズ変更をしたい
    ・カテゴリーのサイズ変更したい

    です。

    記事タイトルに関しては、検証で探して以下のように記載してできました。
    (間違っていたら、正しい記載を教えていただきたいです。)
    /* 投稿一覧のタイトルサイズアップ */
    @media (min-width: 552px) {
    .d--postlist-rectangle.d--postlist-column1 .a--post-title {
    font-size: clamp(1.8rem, 1.4vw, 1.5rem);

    ■投稿日とカテゴリーは以下を追加してみたのですが、うまくいきませんでした。
    /* 投稿一覧の投稿日とカテゴリーの文字サイズアップ */
    .o--postlist-item .c--post-meta {
    position: absolute;
    bottom: 9px;
    font-size: 14px;
    display: flex
    ;
    justify-content: space-between;
    width: calc(100% - 30px);
    font-weight: 200;
    align-items: center;
    }

    どのようにすれば、正確に変更することができるでしょうか?

    ----------
    SNSのアイコンについて
    ----------
    別質問になるのですが、設定のフォローボタン設定で、
    ブランドカラーに変更してるのですが、
    テーマカラーのみになってしまいます。

    各ブランドのアイコンが表示されるのかどうかは
    不明ですが、SNSボタンが見づらいので、
    なぜ、変更にならないのか教えていただきたいです。

    もし、無理そうでしたら、現在のアイコンの色を何色に変えると
    見やすくなるかアドバイスいただけると嬉しいです。

    • WP 6.7.1
    • PHP 8.3.x
    • JIN:R 1.4.0
    • Xserver
    • GoogleChrome
    • macOS 12 Monterey
    2025/09/19 12:05
  • tsu_

    こんにちは!
    画像とURLありがとうございます。

    >> ・記事タイトルのサイズを変更したい

    末尾で閉じられていないように見えるので、以下のように修正をした方が良いかもしれません。

    @media (min-width: 552px) {
    .d--postlist-rectangle.d--postlist-column1 .a--post-title {
    font-size: clamp(1.8rem, 1.4vw, 1.5rem);
    }
    }


    >> ■投稿日とカテゴリーは以下を追加してみたのですが、うまくいきませんでした。

    以下のコードを追加CSSに記載してみていただけますでしょうか。
    .o--postlist-item .c--post-meta {
    font-size: 1.4rem;
    }


    >> SNSのアイコンについて

    添付いただいている箇所の色は
    「シェアボタン設定」>「デザイン選択」の「ベタ塗り or 白塗り」
    で設定できるはずです。
    (いま設定いただいているのは「フォローボタン設定」の色)

    お手数おかけしますが、ご確認よろしくお願いいたします。

    2025/09/20 22:18
CLOSE