Skip Navigation

Formating Blog

Travel Forums System Talk Formating Blog

1. Posted by jonshapiro (Respected Member 38 posts) 7y

When I try to skip extra lines in blog, between paragraphs say, the published site seems to eliminate them. For example one line is allowed, but not several if I want to leave more room. Same is true between photos imbedded in blog. Is there a way to deal with this problem. Also if I want to put text on the side of a photo inserted in blog is there a way to accomplish this? Right now photos are shown alone with text above and below, but not on the side.Thanks jonshapiro

2. Posted by Sam I Am (Admin 5588 posts) 7y

There is a way to add in more (or less) spacing between paragraphs, but then it does it for all paragraphs, not just the one you'd want it to do it for... The only other way I can think of is to type something on each line before hitting the Enter key. Just a space will do it, like so:






And then continue...

You can do this same trick with the photos, or if you want to add more space around all your photos, then let me know and I'll give you the CSS to update your template with.

Do you want the text to flow around all your photos, or just some? All is relatively easy to do, and some can be done too, but it's slightly messy...

3. Posted by jonshapiro (Respected Member 38 posts) 7y

I'm a little confused. Do you mean just put space between lines and then press enter? I tried this, and at least on the preview page, nothing happened. It still showed the same amount of space as before. Also I do want to add text only around some of the photos, not all. Can you tell me how I would do this? Thanks jonshapiro

4. Posted by Sam I Am (Admin 5588 posts) 7y

Quoting jonshapiro

I'm a little confused. Do you mean just put space between lines and then press enter?

No, after you hit enter, press the space bar (so type a blank space on each new blank line), hit enter + space, hit enter + space etc. One enter + space for every blank line you want.

Regarding the wrapping text around only some photos, I still need more information. Will it be all thumbnail sized images, or could it sometimes be thumbnails and sometimes full size images (text won't really wrap nicely around those mind you as they're probably too wide, but just checking).

Getting some images to float and others not to, requires a little hacking. Basically you need to use some code that you don't use much otherwise, I'll stick with the underline button, like Sander explains here and here (this does nearly what you want, but not quite - captions can now be done differently than explained here).

Basically, what you do is every image you want to float to the left (ie, the text wraps around it on the right) you surround in [u][/u]. So if I wanted to float this photo to the left in a blog entry, I'd end up with the following:

[u][img=http://photos.travellerspoint.com/4/1_1253559606608_with eunice.jpg][/u]

The easiest way to get this is to highlight the img code and then click the U button above the entry.

That in itself won't do anything though, until you customize the design of your blog to take this into account. To do that, click on the TEMPLATE tab in your blog management area. Choose the sub tab 'Edit your Template' and paste in this:

u img.photo {float:left;margin:0 5px 0 0;padding:0;}

Save template, and refresh the blog entry to see it in action. One thing to note is that the text that comes after the photo is what gets stuck on the right of the photo.

Here's an example with one photo not floated, whilst the other is.

Post 5 was removed by a moderator