Handling images (size, aligning,...)

support
2

This is not specific to any particular theme, but handy for the floating that you’re after:

You can use a bit of an undocumented cheat in your markdown image code to float images left or right:

![](/image.png#floatleft) to float left.
Or if you use figure shortcode: {{% figure src="/image.png#floatleft" caption="blah blah" %}}

![](/image.png#floatright) to float right.
Or if you use figure shortcode: {{% figure src="/image.png#floatright" caption="blah blah" %}}

And then handle in your CSS as follows:

img[src$='#floatleft']
{
	float:left;
        //etc. etc/
}

img[src$='#floatright']
{
	float:right;
       //etc. etc.
}
7 Likes