【賢威8】ヘッダーのサイトタイトルを中央表示させる方法

賢威8の初期状態では、サイトタイトルが左寄せとなっています。

このままでも十分なのですが、中央に寄せた方がバランスがいいのではないでしょうか。

今回は、賢威8のサイトタイトルを中央表示させる方法について紹介します。

賢威8のサイトタイトルについては、左寄せとなってしまっています。

このままでもいいのかもしれませんが、できれば中央に寄っていた方がバランスがいいのかもしれません。

こちらが、初期状態のサイトタイトルの表示になります。

左寄せとなっていることがわかりますよね。

ここから、中央表示させる方法についてご紹介します。

追加CSSにコードにコードを追加することで中央表示させることができます。

「外観」-「カスタマイズ」-「追加CSS」を開きます。

以下のコードを追加してください。

.keni-header .site-title, .keni-header_col1 .site-title {
	float: none;
	max-width: 100%;
	text-align: center;
}

コードを追記したら「公開」を押して完了です。

ヘッダーのサイトタイトルが中央表示されているか確認

こちらが、編集後のサイト表示になります。

サイトタイトルが中央表示されていることがわかりますよね。

ぜひ参考にしてみてくださいね。