Skip Navigation

Text wrap

Travel Forums System Talk Text wrap

1. Posted by Twink's blog (Budding Member, 2 posts) 6 Jul '13 01:51

I am having difficulty with text wrap around my photos. When the text is short, more like a caption, and I float the photo, say, to the right, and the following photo to the left, the text For the second photo continues to the left of the first photo. It does this even if I put a lot so space between them - the space does not show up and the text is muddled!
Thanks for any help with this.

2. Posted by Peter (Admin, 5465 posts) 6 Jul '13 03:00

Yeah, this blog design wasn't really set up to handle multiple consequential floats quite how you would like them to in this instance.

To work around this, I'd suggest editing your blog's template to add a custom style.

1. Click on the Template tab
2. Click on the "Edit your custom template" button
3. Add this bit of code right at the bottom

.entrycontent .floatleft, .entrycontent .floatright {clear:both;}

It will achieve the effect you are after. Two small caveats with this.

  • If you follow up a right aligned photo with a photo that doesn't have any text wrap set on this, then that subsequent photo will still appear to the left of your right aligned photo.
  • If you ever want to have two photos sitting next to each other, then be sure not to add a float, because this bit of code ensures that the photo always starts on a fresh line.

Hope it helps. And enjoy your trip - nice part of the world you're travelling in ! :)

Post 3 was removed by a moderator