カテゴリページのカテゴリ名のフォント設定を変更する

開発
1

CSS コードでフォントの種類、色、太さを変更する方法をご教示ください。

ご支援ありがとうございます。

以下のように試しましたが、色が変更されません。

.category-list tbody
.category h3 {
    font-weight: 370;
    font-size: 18;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
}
2

これは、選択したカテゴリページのタイプによって異なります。例えば、トピックを含むカテゴリの場合、コードは次のようになります：

.category-list.with-topics .category-name {
    font-size: 25px;
    font-weight: normal;
    color: gray;
}

使用したい CSS クラス（および親要素）を見つけるには、ブラウザのインスペクタ機能を使用してください。詳しくは以下をご覧ください。

image
image1894×823 76.7 KB

親要素を指定することで、グローバルではなくこのページでのみカテゴリ名の表示を変更できます。

フォントの種類を変更するには、Change the default font on your site をご覧ください。

今後投稿する前に、右上の検索機能を利用すれば、探している答えがきっと見つかるはずです。

一方、CSS Tutorial は、CSS の基礎を学ぶのに良い出発点です。

3

返信ありがとうございます。

しかし、私が提供したコードでは変更が反映されません。私が提供したコードでは変更は反映されますが、色が変わりません。

どこが間違っているのでしょうか？

4

以下のコードをお試しください

.category-list .category-name {
    font-weight: 370;
    font-size: 18px;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
}
5

あなたのコードにより、メインカテゴリページにおけるサブカテゴリ名のフォントが変更されました。

以前は以下が機能していました:

.category-list tbody
.category h3 {
   font-weight: 375;
   font-size: 17px;
   line-height: 21px;
   font-family: "Open Sans", Helvetica, sans-serif;
}

.category-list tbody .category h3 a[href] {
    color: black;
}

ご支援いただき、誠にありがとうございます。新しいことを学ぶことができました。

6

はい、Firefox の「要素を検証」機能を使って CSS コードを理解しています。

ありがとうございます。