投稿一覧の文字サイズ変更
- 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/20 22:18画像と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 白塗り」
で設定できるはずです。
(いま設定いただいているのは「フォローボタン設定」の色)
お手数おかけしますが、ご確認よろしくお願いいたします。