Skip Navigation

Blog formatting

Travel Forums System Talk Blog formatting

Page
Last Post
1. Posted by ToonSarah (Respected Member 264 posts) 22w Star this if you like it!

I'm just starting to get used to the template for the blog and the various formatting codes. But I've seen on some other blogs that people have text running down the side of a photo, not just above and below. How do I achieve that look please?

2. Posted by hasbeen (Travel Guru 1164 posts) 22w Star this if you like it!

Please give a link to the blog you like .. it will make it easier to see what you are referring to.

Steve

[ Edit: Edited on 17-Jan-2017, at 05:17 by hasbeen ]

3. Posted by ToonSarah (Respected Member 264 posts) 22w Star this if you like it!

Good point Steve. Here's one example where I saw this done:
http://www.travellerspoint.com/community/south-central-america/potholes-and-other-bumps/

Or here with text on the left:
http://www.travellerspoint.com/community/south-central-america/a-secret-worth-sharing/

Or here with thumbnails:
http://www.travellerspoint.com/community/africa/dangerous-mali-or-is-it/

I also would like to be able to centre photos as in these blogs:
http://www.travellerspoint.com/community/south-central-america/can-a-backpacker-keep-his-dignity-in-costa-rica/
http://www.travellerspoint.com/community/south-central-america/warning-this-post-may-contain-mojitos/

All advice welcome!

4. Posted by hasbeen (Travel Guru 1164 posts) 22w Star this if you like it!

Try playing around with the different Blog Templates .. there are several besides the default .. see if any of those give the desired results .. or have you already tried that?

This one http://www.travellerspoint.com/community/south-central-america/can-a-backpacker-keep-his-dignity-in-costa-rica/ uses the 'Olive' template.

Other examples you chose may have been customised & you would need more expertise than I have to do that.

Steve

5. Posted by ToonSarah (Respected Member 264 posts) 22w Star this if you like it!

Quoting hasbeen

Try playing around with the different Blog Templates .. there are several besides the default .. see if any of those give the desired results .. or have you already tried that?

This one http://www.travellerspoint.com/community/south-central-america/can-a-backpacker-keep-his-dignity-in-costa-rica/ uses the 'Olive' template.

I've tried several but not Olive, I believe - I chose the default in the end because I like the clean lines and the fact that large photos display well. Maybe I'll have to decide between that and having the smaller ones more flexible. I don't have the technical expertise to create my own or even edit the existing ones - though I did suss out how to change the font on the headings, impressing myself in the process

Thanks for all your help

6. Posted by hasbeen (Travel Guru 1164 posts) 22w Star this if you like it!

have a look at this someone posted about customising blogs .. perhaps it will help.

Steve

7. Posted by ToonSarah (Respected Member 264 posts) 22w Star this if you like it!

Quoting hasbeen

have a look at this someone posted about customising blogs .. perhaps it will help.

Steve

Ooh yes, I'll have some fun with that! Many thanks

8. Posted by hasbeen (Travel Guru 1164 posts) 22w Star this if you like it!

I found that by searching for 'template' .. you might find all sorts of help doing that.

Please come back to your thread & let people know how you got on with your blog.

Steve

9. Posted by ToonSarah (Respected Member 264 posts) 22w Star this if you like it!

Quoting hasbeen

I found that by searching for 'template' .. you might find all sorts of help doing that.

Please come back to your thread & let people know how you got on with your blog.

Steve

Thank you - and yes, I'll let you know how I get on for sure

10. Posted by Sander (Moderator 5055 posts) 22w Star this if you like it!

No special CSS formatting or choosing a different template is necessary to have text wrap around an image. The editor for writing a blog post has a button specifically for the effect: the 16th and 17th from the left, showing a tiny blue rectangle with text wrapped around it. If you hover over those buttons, they'll say "FloatLeft" and "FloatRight", and clicking on them gives this output:
[float=left][/float] or [float=right][/float]
If you put the image code in between those tags, it'll give you the desired effect.