Skip Navigation

Formatting photos

Travel Forums System Talk Formatting photos

1. Posted by JudyandTim2012 (Budding Member 6 posts) 2y

How do I get "thumbnail" sized photos to post side by side, not one under another?

How do I center my photos?
Judy

2. Posted by Peter (Admin 5492 posts) 2y

Hi Judy,

You'll need to remove the captions from the photos to make this possible. They are forcing a line-break. In your entry the caption is this part of the img

[img caption=xxx]

Most of your captions are non-descriptive anyway, so it won't hurt removing them.

Also, you'll need to ensure there aren't any line-breaks in your entry between the photos when you're editing. So the images will look a bit like this:

[img=x.jpg][img=x2.jpg]

rather than this:

[img=x.jpg]
[img=x2.jpg]
3. Posted by JudyandTim2012 (Budding Member 6 posts) 2y

Thanks so much Peter. I knew it would be something simple but didn't have a clue what it would be.

Do you have any idea how to center photos? Right now if I post a regular sized photo in my blog text it shows up on the left margin.
Judy

4. Posted by Peter (Admin 5492 posts) 2y

There's not really a way to do this for individual photos at the moment. It's a sort of all-or-nothing affair and would mean customising your blog's template a little. Let me know if you're up for it and I'll work out the instructions for you :)

5. Posted by JudyandTim2012 (Budding Member 6 posts) 2y

Yes, I'm "up for it" The more I can learn about working with this program, the better. I would really like to customize my blog in more ways eventually but for now I'll continue to use the template given but I would like to be able to center photos. All is fine.
Judy

6. Posted by Peter (Admin 5492 posts) 2y

Ok, this will do it, but captions won't center. It's a hack in fairness since it really should be solved in a better way from our end.

If you go to the blog management area, then click on the Template tab, then choose to edit your template.

Add this bit of code right to the end of the template

/*ADDED*/

img.photo {background:#000;margin:auto !important;display:block;}

It will center all the photos on the page. That will stop you from having the thumbnails sit next to each other as well.

If you want to target only certain photos, then you need to get really tricky. To do that, wrap the photos in question with one of the other tags. Maybe the italic one for example. Your photo code then would look a bit like this when in your edit window:

[i][img=x.jpg][/i]

Then change that code above to this instead

/*ADDED*/

em img.photo {background:#000;margin:auto !important;display:block;}

That should do it.

7. Posted by JudyandTim2012 (Budding Member 6 posts) 2y

Yowza! That might be a little above my paygrade. I'll experiment when I have more time. Thanks for looking into it for me. Meanwhile I'll make do with side by side thumbnails.

Just an idle question, but did you have any involvement with Trip Diary? I find this TravellersPoint to be an improvement but similar in many ways. I had posted a significant amount of traveling information on Trip Diary and had to scurry around to find something to replace it when the site was taken down in March this year. A friend was able to save everything for me in Adobe pdf format but I haven't figured out how to get it all up on TravellersPoint. My husband and I began this journey in 2007 with the goal of camping in all 48 of the contiguous continental United States. We've had covered all but 7 states when Trip Diary was shut down. I would like to be able to upload those travel blogs and pictures to maintain a continuous thread but there is WAY too much info to do it all from scratch. I know I could copy and paste the text but it is the photos that would be overwhelming.

If you have any suggestions short of my becoming a programer ;) I'd like to hear them.
Judy

8. Posted by Peter (Admin 5492 posts) 2y

Hehe, yeah I imagine it looks very daunting. Once you break it down though it's pretty straightforward. You can at least try that first code change and see what it does. You can always revert to the original template and everything will go back to how it was.

I'm not actually sure what the Trip Diary site is We were definitely not involved with it. We have had a diary feature on here as well, but it's also been retired in favour of the blogging platform.

Are any of your photos already uploaded somewhere online? If they are, then you wouldn't necessarily need to upload them all again here. Instead you can just link to them in your blog entries and they should show. If you have them on Flickr, we even have that integrated into the blog posting area to make it as easy as possible.

Feel free to send me a PM with more details if you like. If your blogs are in a reasonable format, I might be able to automatically add them to your blog for you.

9. Posted by Peter (Admin 5492 posts) 2y

Hi Judy,

Good news, I've added some new options to make this easier. You'll notice several new icons in the toolbar, including options to center the content and make it so the text floats around an image.

Hopefully it helps