Business Pressのトップバーのフォントサイズを変える方法

更新日: 2024年2月7日

Business Pressのトップバーのフォントサイズを変える方法

ワードプレスの日本語テーマである「Business Press」のカスタマイズです。

ビジネスプレスBusiness Press)はワードプレスの日本語テーマにしては、めちゃくちゃイケてるテーマなのでお勧めです。

(前提)トップバーを表示させる設定

そもそも、Business Pressのトップバーを表示させる設定をしていることが前提になります。

表示方法

「カスタマイズ」→「トップバー」→「トップバーを有効にする」

ビジネスプレス

このフォントサイズが小さいなと思う人がいれば、テーマのCSSをいじってください。

トップバーのフォントをカスタマイズする場所

フォントサイズを変更する方法

「テーマファイルエディタ」→「BusinessPress: スタイルシート (style.css)」の644行目

.top-bar-main {
color: #888;
font-size: 80%;
list-style: none;
margin-bottom: 0;
margin-left: 0;
}

font-size: 80%;をfont-size: 100%;にしてみてください。

大きくなりました。

フォントカラーを変更する方法

フォントサイズの1行上の643行目

color: #888;

ここを変えてください。

例えば、color: #FFFFFF;にするとこうなります。

変更できない場合

キャッシュが残っているのかもしれません。

キャッシュ削除か、Windowsなら、「[Ctrl]+[F5]」Macなら「shiftボタン+更新ボタン」を教えてください。