2015年4月8日

PC表示投稿ページで、タイトル上にある吹き出しの日付をもっと大きくする。

スポンサードリンク

 これは私のテンプレートだけかもしれません。
投稿ページで、タイトルの上に日付が表示されています。

吹き出しのような形になっています。
茶色く色づけてあります。

この大きさを変えられます。


日付をもっと目立たせよう


 早速テンプレート編集へいきます。
以下のコードを探します。

CSSの箇所です。


.main-inner .widget h2.date-header span {
  font: $(date.font);
  display: block;
  padding: 10px 15px;
  border-left: $(date.border.size) solid $(date.border.color);
  border-right: $(date.border.size) solid $(date.border.color);
}


この中の

  padding: 10px 15px;

を修正します。


前の数字が、上下の広さです。
後の数字が、左右の広さです。

それぞれ増減してみてください。


 あまりに小さいと日付が全然読めないので、
ある程度は読みやすい大きさにした方がいいです。


 デフォルトでは特に左右が小さくて、
日付がわかりにくかったので大きくしました。


 テンプレートによってはやり方が変わってきます。
ただ、

date-header

の表示位置や大きさが変えられるのだという
事は参考になるのではないかと思います。



 当ブログ内の情報は、
全ての方に応用できるとは限りません。

必ずテンプレートはバックアップを取っておいて下さいね。


また、ご利用は自己責任でお願い致します。

ラビットしま子は美容ライターであり、
サイト制作のプロではありません。

個別のカスタマイズについてのご相談は、
乗ってあげたいけど、乗れません。(わからんから)


スポンサードリンク