Move post thumbnails to the left 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. 

Comments

Anonymous said…
Is there any way I can add round corners around the image body and the popular posts section?

Also,

Is it possible to add it for the Emporio theme? If yes how, if possible, drop the codes.
Sam Nordberg said…
Likely possible. What's your blog address?
Naveen said…
is there any way i can remove the image space and override it with text..i dont want image part in my blog
Sam Nordberg said…
You could try adding this CSS:

.post-content.container {max-width: initial;}
.post-outer .snippet-thumbnail {display: none;}