【QooQ】記事下カテゴリを横並びにして小さくする

フッターカテゴリーラベルを縦ではなく横に並べる。【QooQ】Bloggerカスタマイズ【備忘録】

現在使用しているテーマ「QooQ」のタグラベルが縦表示なので横表示にしてみました。主にCSSを弄っております。

tonbori.blogspot.com

やり方

/* フッターカテゴリ */
#single-footer-category{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: .5em;
	font-size: 80%;
	font-weight: bold;
}
.single-footer-category-item{
	display: block;
	margin-top: .1em;
	margin-left: .1em;
	padding: .3em 1em;
	border-radius: 2px;
	background: $(brand.color);
	color: $(brand.font);
}

<a class='single-footer-category-item' expr:href='data:label.url'><data:label.name/><data:postLabelsLabel/></a>