ブログのデザイン変更

テーマ

テーマはこれを使わせていただいています。
Pathbook - テーマ ストア

背景色は

background-color: #293b6a;

見出しh3

見出しはここのカスタマイズを使わせていただきました。
コピペで簡単！CSSではてなブログの見出しをカスタマイズ！ - NO TITLE

[デザイン]＞[カスタマイズ]＞[デザインCSS]に下記を追記

.entry-content h3 {
position: relative;
padding: 6px 10px;
color: #fff;
background-color: #293b6a;
border-radius: 4px;
}
.entry-content h3::before,
.entry-content h3::after {
position: absolute;
width: 100%;
height: 4px;
z-index: 2;
content: '';
}
.entry-content h3::before {
top: 0;
left: 0;
border-bottom: 1px dashed #fff;
}
.entry-content h3::after {
top: 100%;
left: 0;
margin-top: -4px;
border-top: 1px dashed #fff;
}

見出しh4

[デザイン]＞[カスタマイズ]＞[デザインCSS]に下記を追記

.entry-content h4{
border-bottom: solid 3px black;
}

h4表示例

見出しh5

[デザイン]＞[カスタマイズ]＞[デザインCSS]に下記を追記

.entry-content h5{
font-size: 1.2em;
}

h5表示例

とりあえずこんな感じで