賢威のサイドバーのタイトルの文字位置を中央にする方法

※当サイトにはプロモーションが含まれています。

賢威のサイドバーに表示されるタイトルは、デフォルトだと左寄せになります。
サイドバーのタイトルが左寄せ

できれば、中央(センター)にしたかったので、CSSを追加してみました。

なお、自分が使っているテーマとワードプレスの環境は以下の通りです。

ワードプレス環境

テーマ:賢威8
WordPressバージョン:5.8.x
PHPバージョン:7.4.x
サーバー:さくらインターネット

※現在、WP:6.2.x、PHP:8.2.xでも動作しています

サイドバーのタイトルの文字位置を中央にするCSS

権威のサイドバーのタイトルの文字位置を中央にするCSSです。

.h3.sub-section_title {
text-align: center;
}

これを、カスタムCSSに追加すればOKです。

なお、この記述で中央(センター)になるのは、ウィジェットで「タイトル」を入力した箇所が対象となります。
サイドバーのタイトルが対象

補足:ワードプレスの「追加CSS」の編集箇所について

現在のワードプレステーマにCSSを追加したい場合、左メニューにある、

外観 > カスタマイズ

を選択します。

外観 > カスタマイズ
追加CSS」を選択します。
追加CSS

追加したいCSSを記述します(コピペして貼り付けます)。

公開」ボタンを押して保存すれば完了です。

全角スペースが入るとレイアウトが崩れる事があります。余計な全角スペースが入らないように気を付けてください。

追加CSSを公開

なお、ブラウザにキャッシュが残っていると、前のデザイン(CSS)が表示されたり、デザインが崩れて表示される事があります。

その際は、強制リロード(ハードリフレッシュ)をしてみてください。

各ブラウザごとの、強制リロードの方法は次の通りです。

Windows Mac
Google Chrome 【Ctrl+F5】
【Ctrl+Shif+R】
【Command+Shift+R】
Microsoft Edge 【Ctrl+F5】
【Ctrl+Shif+R】
【Command+Shift+R】
Mozilla Firefox 【Ctrl+F5】
【Ctrl+Shif+R】
【Command+Shift+R】
Safari(Mac) 【Command+Option+R】

強制リロードをすることで、ブラウザがキャッシュを無視し、最新のコンテンツを再読み込みします。