cocoon(コクーン)の固定や投稿ページのタイトルを中央にする方法!

cocoon(コクーン)を利用していて左寄りになっているタイトルを
中央にしたいと思っている方も多いかと思います!

今回はどうやったらタイトルを
中央に寄せることができるかお伝えいたします!

中央寄せの完成ページ

スタイルシートにCSSを追加することで中央にタイトルを寄せることができます!
まずは完成図となります!

固定ページのタイトルを中央寄せ

それではまずはじめにcocoon(コクーン)の固定ページのタイトルを中央に寄せる方法となります!

外観→テーマエディター→スタイルシート(style.css)で
以下のCSSをコピペしてください!

/************************************
** 固定ページのタイトルを中央寄せ
************************************/
.entry-title {
text-align: center;
}

投稿ページのタイトルを中央寄せ

続きましてcocoon(コクーン)の投稿ページのタイトルを中央に寄せる方法となります!

外観→テーマエディター→スタイルシート(style.css)で
以下のCSSをコピペしてください!

/************************************
** 投稿ページのタイトルを中央寄せ
************************************/
.single .entry-title {
text-align: center;
}

最後にファイルを更新ボタンを忘れないでくださいね!

タイトルとURLをコピーしました