Increase font sizes in header (Angry Guest Book), etc.

[evenstephencom]

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:

I searched to find out how to increase the font size in the new GB (1.7) but couldn't find an answer. How do I increase the font sizes? Thanks---and enjoy the tip. Now you can buy a "condo" in the south of France?

[Henrie]

I do not know what text size you want to change, so I will just name the most used.

The text sizes can be changed by changing the the ?? in font-size: ??px of the appropriate class which can be found in the style.css file inside the template folder.

To know which class you will have to change, it is best to look at the source code of the page and see what class name is assigned to the text you want to change.

Here is an example (which corresponts to the below screenshots):
If you you wont the increase the size of the comments that are written (in my screenshots test4 voor e-mail and test3 e-mail, etc. You can see that it is inside the span with class name gbook_comment. Thus inside the the style.css file, search for this class name. You will find:

Code: Select all

span.gbook_comment{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; float:left; line-height:18px; margin-right:5px; text-align:justify; }

To increase the font size, change font-size:12px to font-size:14px or even bigger.

I have added screenshots to make it more clear (I hope):

First a screenshot on which I have used a Firefox plugin (Web Developer) to display the class names of the used 'span's in the guestbook. I did this because most texts are placed within a 'span'.


Second the sourcecode that goes with the above screenshot


I hope this was enough help.

Greetings,
Henrie

And thank you for drink, I hadn't had time to thank you for it yet. Btw, I will take it as a thanks for this thread, because the other one was so small it was not tip worthy.

[evenstephencom]

....didn't mean to be unclear. I would like to increase the size of our GB title "The Angry" at http://www.theangry.net/gbook/gbook.php

[Henrie]

You mean the gbook_title that you defined in the settings.php file.

You can change it's style by changing the style of h1in the style.css file in the template folder.

Code: Select all

h1{margin:0; padding-top:5px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#010097; font-weight:bold; font-size:20px; position:relative; left:30px;}

Just change font-size:20px; to a larger value, like font-size:24px;

Or you can change the html code directly in the file overall_header.php which is also placed in the template folder.
You should than change the following code:

Code: Select all

<h1 align="center"><?php echo $settings['gbook_title']; ?></h1>

Greetings,
Henrie

[evenstephencom]

Henrie: I bumped the font up to 4 but saw no difference. I seem to have trouble uploading and not seeing the changes---but I can live with the default </1>. Thanks for all of your help!

[Henrie]

You should not change <h1>....</h1>. This is the code for a heading with size 1 (which is the biggest size).
See here ( http://www.w3schools.com/html/html_headings.asp ) for more info.

You should really change the size in the style.css file as described. It can be done by editing the html-code directly, but it is not the right way to do it.
In modern webpages the HTML code is used to write the markup of the page. And CSS is used to style that markup.

If you really want to change it in the overall_header.php directly, you should change the code from

Code: Select all

<h1 align="center"><?php echo $settings['gbook_title']; ?></h1>

to

Code: Select all

<h1 style="text-align:center; font-size:24px"><?php echo $settings['gbook_title']; ?></h1>

But you should really change it in the cascading style sheet file style.css. Change:

Code: Select all

h1{margin:0; padding-top:5px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#010097; font-weight:bold; font-size:20px; position:relative; left:30px;}

to

Code: Select all

h1{margin:0; padding-top:5px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#010097; font-weight:bold; font-size:24px; position:relative; left:30px;}

Or if you want very big text, change font-size:20px; to a larger value, like font-size:40px;

Greetings,
Henrie

[evenstephencom]

Henrie: For whatever reason, the font size does not increase when I bump it up to24via style.ccs. I'm going to leave well enough alone. Thanks again anyway for helping.

[Henrie]

It should have worked.

So now I looked at the sourcecode of your page instead of just my test page. Somehow your heading code has changed from <h1> to <h3> , therefore the style in the css file will not affect it anymore.
To correct this you will have to open the file overall_header.php and search for

Code: Select all

<h3 align="center"><?php echo $settings['gbook_title']; ?></h3>

and change it to

Code: Select all

<h1 align="center"><?php echo $settings['gbook_title']; ?></h1>

as it was originally.

After that changing the style for h1{.....; font-size:20px;......} in the style.css file should work.

Greetings,
Henrie

[evenstephencom]

....I changed back to h1 and h1 but I'l leave the font to the default. If you can make the font change at your end, be my guest. I'll also leave the "folders" as is. I don't want to "mess up" something and have to re-build and re-load files again. Really, thanks for all of your help!

[Henrie]

No problem, you should not do things you do not feel comfortable doing.

Succes with your website.

Henrie

[evenstephencom]

....you shamed me into it! WWW.theAngry.net GB is fixed. I also increased the size of the www.evenstephen.com GB title but I'm not sure if I use <br> to make the break between Stephen's and Guest.

[Henrie]

I did not mean to shame you into anything

If you want to let the text "Even Stephen's Guest Book" wrap you can indeed add a line break.
Just write

Code: Select all

$settings['gbook_title']="Even Stephen's <br />Guest Book";

Because the guestbook is written in xhtml you should use <br /> instead of <br> (you can read more about xhtml versus html here http://www.w3schools.com/xhtml/xhtml_html.asp ).

Greetings,
Henrie

[evenstephencom]

....thanks! I'll do that when I get back. Enjoy your drink!! BTW: The guys in the band appreciate your help also!