Height of header in sign guestbook page

[jaap]

Version of script: 1.7

Hi,
I changed the height of the header of the gbook page in the css file but cannot find a way to do this on the "sign guestbook" page.
For me the distance between the top of the form and the links on top
is to big.
Is this possible to do ? Could not find it in the css file.

Thanks,

Jaap.

[Henrie]

To change the height of the head part of GBook, you can do this by opening the style.css file found here templates/default/style.css

Find the following line (line 11 for css file date August 20th, 2009)

Code: Select all

#gbook_header{width:600px; height:150px; margin:0 auto; background-image:url(images/book.png); background-repeat:no-repeat;}

Change height:150px; to your desired height.
This height is used in both pages ('view guestbook' and 'sign guestbook')

Greetings,
Henrie

[jaap]

Hi Henrie,
I tried that, it worked for the guestbook page but not for the sign page.
I noticed there is the same difference in the demo guestbook .
Maybe the sign logo makes it different ?

Jaap.

[Henrie]

The height of the header div is exactly the same in both pages.
The difference you notice is caused by two things:

1. The 'View guestbook' page has the number of pages listed in the header. This is not necessary on the 'Sign guestbook' page so it is not shown there. This causes an empty space.

2. On the 'View guestbook' page the comments blocks are placed directly below the header which is a massive block. On the 'Sign guestbook' page the 'Sign guestbook' text is shown directly below the header. This is not a massive block and below that starts the sign form which is a massive block again because of the outlines.

So it may look to you that the height of the header is not the same, but it really is.

To make it visually a little less different, you might consider moving the 'Sign guestbook' text inside the sign form block like this:
Open the sign_form.php file found here templates/default/sign_form.php
Find the first 4 lines (must not be really hard )

Code: Select all

<div id="gbook_guestbook" align="center">
	<span class="gbook_guestbook"><?php echo $lang['t48']; ?></span><br class="clear" />
	<span class="gbook_required"><?php echo $lang['t49']; ?></span>
</div>

and move it directly below the following line

Code: Select all

<div id="gbook_entries">

That way the space above will look more the same like on the 'View guestbook' page. But the effect of not showing the number of pages causing the empty space (point 1) will remain.

Greetings,
Henrie

[jaap]

Hi Henrie,
That worked, except these lines were not in style.css but in the
sign_form.php
Thanks,
Jaap.

[Henrie]

lol, copy and paste is an art.
But i am not so good an artist it seems.

I changed it now, so others can get it right without searching.