WordPressのテーマ「Twenty Sixteen」の記事タイトルのサイズが
パソコン表示だと少し大きいかな? と思い、、、
サイズの変更と、ついでに簡単な装飾をしてみました。
このテーマもレスポンシブとなっており分岐点は以下の通りとなってます。
・710PX・・・@media screen and (min-width: 44.375em)
・783px・・・@media screen and (min-width: 48.9375em)
・910px・・・@media screen and (min-width: 56.875em)
・985px・・・@media screen and (min-width: 61.5625em)
・1200px・・・@media screen and (min-width: 75em)
今回のサイズ変更は「@media screen and (min-width: 61.5625em)」だけです。
その他は様子を見ながら変えたくなったら変えるというスタンスで!
40pxから36pxにしましたが、主張し過ぎない感じでよさそうですね♪
装飾も記事タイトルに下線を入れただけです。
色を濃くすると下線が目立ちすぎるのでなるべく薄くしてみました。
これもまた変えたくなったら変えますw
ということで子テーマに加えたのはこれだけです
↓ ↓ ↓
1 2 3 4 5 6 7 8 9 10 |
.entry-title { border-bottom: 1px solid #ccc; } @media screen and (min-width: 61.5625em) { .entry-title { font-size: 36px; font-size: 2.25rem; } } |
「テーマ「Twenty Sixteen」の記事タイトルのサイズ変更及び装飾をしたい」への1件のフィードバック