Page 1 of 1
Increase font sizes in header (Angry Guest Book), etc.
Posted: Sat Jul 09, 2011 11:34 pm
by 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?

Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Sun Jul 10, 2011 7:52 am
by 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.
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Sun Jul 10, 2011 2:05 pm
by 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 
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Sun Jul 10, 2011 4:18 pm
by 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
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Sun Jul 10, 2011 5:58 pm
by 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!
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Sun Jul 10, 2011 6:21 pm
by 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
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Mon Jul 11, 2011 2:04 am
by 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.
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Mon Jul 11, 2011 5:15 am
by 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
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Mon Jul 11, 2011 3:09 pm
by 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!

Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Mon Jul 11, 2011 4:38 pm
by Henrie
No problem, you should not do things you do not feel comfortable doing.
Succes with your website.
Henrie
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Mon Jul 11, 2011 6:37 pm
by 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.

Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Mon Jul 11, 2011 7:28 pm
by 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
Re: Increase font sizes in header (Angry Guest Book), etc.
Posted: Mon Jul 11, 2011 7:57 pm
by evenstephencom
....thanks! I'll do that when I get back. Enjoy your drink!! BTW: The guys in the band appreciate your help also!
