Font size

[TiCor]

Hello,

Recently I discovered pixelpost and I like it very much!
Now I'm trying to set up my photoblog.

I'm using the 'Horizon' template which I'm trying to adapt.

I've managed to put the image title and image notes under the photo.
But how can I change the fontsize of the title and image notes hich I placed under the photo's?
I've been trying to change it in the .css, but the the font size only changes in the 'comment box'?

Link to the blog: http://www.ticor.be/photoblog

[dhdesign]

Hi Ticor -

To change the size of the font in the title and image notes under the image, open your stylesheet (.css) file from the Horizon template and look for the /* MAIN PHOTO AREA */ section. Find the following:


#photobox {
background-color: #000;
padding-bottom: 30px;
width: 100%;
text-align: center;
}


Change it to:


#photobox {
color: #ddd;
font-size: 14px;
background-color: #000;
padding-bottom: 30px;
width: 100%;
text-align: center;
margin: auto;
}


You can change color: and font-size: to whatever values you want for your template. I just added those to show you what to put in there.

Also, in your image_template.html file, you should remove the opening and closing < center > tags - those tags are deprecated and cause your template not to validate. Instead, enter the following code to get the image title and image notes centered under the image:

<div style="text-align: center;"><IMAGE_TITLE><br /><IMAGE_NOTES></div>

Hope this helps! :)

[TiCor]

Thank you very much! Your my hero :)

I also changed the code in the image_template.html and tried to adapt it a bit.
Is this code a valid code?

<div style="text-align: center;"><b><IMAGE_TITLE></b><br />
<br />
<IMAGE_NOTES></div>


http://www.ticor.be/photoblog/

[dhdesign]

That code is just fine. I checked your photoblog and looks like everything is working right. :)