Help - Search - Members - Calendar
Full Version: How do I increase the photo size of photoblog
Movable Type Community Forum > Additional Resources > Tips and Tricks
mlwang
Hi there,

I am using this template of the photoblog which limits my photo too 400 x 300. It makes my picture somewhat grainy and distorted.

My Photoblog

How I can increase the resolution, where can I change the size?

In addtion, it seems that the photoblog only carter for landscape picture, is it possible for me to have potrait picture in one page, and landscape pic in the other?

thanks
webdivauk
I increased the size of my photographs to width=500 height=300 for landscape or width=300 height=500 for portrait.

Go to the css of your template and amend .mainpic to the size you want:

CODE
.mainpic {
border: solid 1px #1D191C;
width: 500px;
height: 300px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
         }


I added for portraits:


CODE
.mainpiclong {
border:10px solid white;
width: 300px;
height: 500px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
         }


I also post the pictures differently as I couldnt get the template to work, plus an additional problem with ImageMagick on my server:

When posting I put the following directly into my entry body box

CODE
<div class="mainpic">
[IMG]/photoblog/images/snow9.jpg[/IMG]</div>
mlwang
Hi thanks for the codes, which are very useful.

I have managed to include both potraits and landscape pics biggrin.gif

But I have another question, if I have a pics that are free format, meaning ranging from 640 x 480, 500 x 375, 400 x 300, how can I ensure that the comment form will adjust its width accordingly?

see example here http://www.thinkspore.com/photoblog/
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.