Blogger・Notableのサムネイル画像の位置を左側に変更する方法

ワイドスクリーン上で表示される Notable のトップページは、リストのサムネイル画像が右側に表示されています。そのようなスタイルはサムネイル画像が目立たなくなってしまうため、これを CSS で右側から左側に移動させます。

サムネイル画像を左側に移動する

.post-outer .snippet-thumbnail {
    order: 1;
    margin-right: 76px;
}
.post-content {
    margin-right: 136px;
}
上記の CSS を追加することでサムネイルが左側に移動します。
サムネイル画像とスニペット部分の位置が入れ替わるので、それぞれにデフォルトで指定されていた余白「 margin-right 」の値を入れ替えています。