サイトアイコン memo-memo

[WordPress] タイトルの英字が大文字で表示される

事象

WordPressのタイトル文字(英字)がテーマのCSSの影響で強制的に大文字になる。

入力したままの状態でタイトル表示する。

設定箇所

外観→カスタマイズ

追加CSS

ここで、追加CSSを記載して変更する。

変更内容

大文字で表示されてしまうのは、下記CSSが設定されていることで発生している。

text-transform: uppercase;

これを、追加CSSに下記を追加して上書き反映する。

.title {
    text-transform: none;
}

上記で反映しない場合は、より詳細に指定することで優先して反映させる。

h1.title {
    text-transform: none;
}

important指定

まれに下のように、important指定されているものもある。

text-transform: uppercase !important;

この場合は、詳細に指定しても優先度で負けてしまい反映されない。

なので、追加CSSも important指定する必要がある。

.title {
    text-transform: none !important;
}
モバイルバージョンを終了