おすすめ新刊著書の紹介ーブログアフィリエイトやWEBライティングに関するハウツー本

WP無料テーマCocoonでサイトタイトルを左上に配置するカスタマイズ覚書

cocoon WordPress

WP無料テーマで新規のブログを作成するときは、最近もっぱらCocoonを愛用しています。機能が充実していて、カスタマイズ性が高いのですが、ちょっとどうしてもCSSをいじらないとダメだぁ、というときもありまして。

ヘッダーでサイトタイトルとキャッチフレーズを表示される位置もその一つのようです(現時点の話。更新で楽にカスタマイズできるようになればいいですね)。

それで、覚書としてここにメモっておきます。

テーマ編集で、以下のコードを子テーマのスタイルシートに書き加えればOKでした。

.header-in {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.header-in .tagline {
text-align:left;
	padding-top: 1em;
	padding-left: 10px;
	margin-bottom: 0;
}

.header-in .logo {
text-align: left;
	padding-top: 0;
	padding-left: 10px ;
	margin-top: 0;
	
}

行間などは私の好みになっているので、みなさんが使われるときには好きに調整してください。

 

 

コメント

トップへ戻る