resizing guestbook

[socalcomic]

Script URL:
Version of script:
Hosting company:
URL of phpinfo.php:
URL of session_test.php:
What terms did you try when SEARCHING for a solution:

Write your message below:

seems the new version of guestbook is larger than last and won't fit in my inline frame on the site. can these settings be changed? thanks

[Henrie]

You can change everything in the size of the guestbook by changing the size of the elements and/or fontsize in the style.css file (gbook170/templates/default/style.css).

A quick way to lose some height is by changing the margin-bottom in

Code: Select all

.gbook_commentbox{width:96%; height:auto; background-image:url(images/bg_comment_box.gif); background-repeat:repeat-x; background-color:#f9f9f9; margin:0 auto; border:solid 1px #CCCCCC; display: table; margin-bottom:20px;}

from 20px to for example 10px

Code: Select all

.gbook_commentbox{width:96%; height:auto; background-image:url(images/bg_comment_box.gif); background-repeat:repeat-x; background-color:#f9f9f9; margin:0 auto; border:solid 1px #CCCCCC; display: table; margin-bottom:10px;}

If you need to lose more height, try changing margins and sizes of other elements.

Greetings,
Henrie

[socalcomic]

thanks for the info. so if i want to change width i lower it from the 96%? thanks

[Henrie]

As you can see the value you mention is a percentage. So you should never have to change it. It will always be 96% percent of the available space.

I think you might need to change in

Code: Select all

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

the width:600px; to width:95%;

Code: Select all

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

Greetings,
Henrie

[socalcomic]

thanks. i changed to 95% doesn't seem to do anything. even went to 90%.
url is http://funnymansam.com/
click guestbook

[Henrie]

Well, the content has the right width in my browser, but the page itself seems to be to wide.

Change width of #gbook_top_links

Code: Select all

#gbook_top_links{width:450px; height:50px; margin-left:120px; margin-top:10px;}

to

Code: Select all

#gbook_top_links{width:auto; height:50px; margin-left:120px; margin-top:10px; border: 1px solid red;}

Please play around with different values of different entities of the guestbook. We are here to help, but not to do everything for you

Greetings,
Henrie