You can add some CSS styles to achieve this (Settings / Photoblogger / Advanced / Custom code / CSS)
.page #main-cont .page-wrap section {
clear: both;
margin-bottom: 1rem;
overflow: hidden;
}
.page #main-cont .page-wrap section .image {
display: block;
float: left;
max-width: 40%;
margin-right: 1rem;
}
The comment the should be like this:
<section>
<div class="image"><img src="${resPath}/imagename.jpg"></div>
<p class="text-justify">Ich habe ein Faible für Busen. Schon immer. Ob kleine, ob große und auch die Zwischengrößen verachte ich nicht. Zuerst die Busen. Es sei denn, da sind rote Haare im Spiel. Dann die roten Haare. Feuerrote Haare. Wie bei Claire mit ihrem göttlichen Busen und dem feuerofenroten Haar. Und mit Sommersprossen. Überall. Erich Kästner, wenn er ihr begegnet wäre, hätte wohl zu dichten gehabt »sie war am ganzen Körper rot, soweit sie Härchen hatte«. Aber Kästner mochte blonde Haare und Mädchen, die Polly hießen, aber nicht Claire, deren Sommersprossen wir nicht zählen konnten, so viele Zahlen hatten wir gar nicht.</p>
<p class="text-justify">An den Wochenenden sind wir zum Strand von Petit Nice gefahren. Dort haben wir ausgiebig Sommersprossenanatomie betrieben, an diesem ganz lebendigen, hautwarmen Kunstwerk, das Claire hieß und rote Haare hatte. Und auch das andere kam nicht zu kurz, das, was die Franzosen so poetisch mit faire l’amour umschreiben, oder besingen oder es machen.</p>
</section>
- Please note, both the <section> and </section> tags are important.
- Place the images (for all the custom pages) in the album's top level folder, inside a folder called "res".
- If you prefer the text not flow below the image, add an extra <div>...</div> block around the text.
- You can add the title above the text box (not above the picture) this way:
<section>
<div class="image"><img src="${resPath}/imagename.jpg"></div>
<div>
<h2>This is the title</h2>
<p class="text-justify">This is the text.</p>
<p class="text-justify">This text will not flow below the image.</p>
</div>
</section>
