2018年8月22日水曜日

Bloggerテンプレートのカスタマイズメモ: ラベル選択時の表示の改善

ラベルを選んだときの「ラベル○○の投稿を表示しています。」の表示がいけてない気がしたのでカスタマイズ。

ここです。

  • 角丸に
  • ボーダーの色をちょっと薄く

下記のCSSを足しました。


.status-msg-border{
  border-radius: 5px;
  border: 1px solid #555;
}

.status-msg-bg{
  border-radius: 5px;
}

.status-msg-border という div の上に .status-msg-bg が描画されているので、 .status-msg-border だけに border-radius を設定すると角が薄く表示されてしまう。
→とりあえず両方に同じ値の border-radius を設定して解決。
(もっとスマートな方法ありそうですが…)

こんな感じになりました。


0 件のコメント:

コメントを投稿