Move post thumbnails to the right in Blogger's Notable template

The "Notable" theme (one of Blogger's new 2017 templates), displays post thumbnails on the right by default, on your blog homepage. However it's very easy to move them so they display on the left side instead.

BEFORE

Notable theme default, with thumbnails on right

AFTER

Thumbnails on left

Just go to the CSS box in the Blogger design editor (Theme → Customize → Advanced → Add CSS) and paste this single line of code:

.post-outer .snippet-thumbnail {order: 1;}

That's it. 

Tweet

Subscribe to receive free email updates: