lisz-works

技術系だけど関係ないこと多い系ブログ

【小さなお知らせ】パンくずリスト、小見出し、箇条書き、引用のデザイン修正

【スポンサーリンク】

びっくりマーク

どうもlisです。またデザインアップデートしました。

今回は記事ページを見やすくしたくて手を加えました。

パンくずリストと小見出し、箇条書き、引用のデザインを変更しました。

修正内容はこちらですー

パンくずリスト

パンくずリストの表示を変更しました。
(ページ上部の「トップ > お知らせ > 【小さなお知らせ】」のところです)

バーみたいにしてみました。

#top-box .breadcrumb {
    background: #3a3a3a;
    border: 0px
}

小見出し

小見出しの表示を変更しました。
見出しの中に更に作った見出しです。

記事とか強調文と区別がつかなかったので(笑)

.entry-content h4 {
    border-left: 10px solid #7000e0;
    border-bottom: 1px solid;
    padding-left: 10px;
}

箇条書き

箇条書き項目の表示を変更しました。
なんか枠外から表示が開始している感じになっていたので、内側に持ってきた感じです。

ul {
    margin-left: 30px;
    padding-bottom: 10px;
}

引用

引用の表示を変更しました。
普通の文章とぱっと見で差がなかったのでカード状にしました(色変えただけ)。

/* Blockquote */
.entry-content blockquote {
    background: #222;
}

あとがき

また何か感じたらアップデートするかもしれません。時間の都合もあるかもなのでなんともですが(笑)

今回ので結構見やすくなったかなーと思ってます。

それでは。