font color change in gbook

[lisavollmer]

Script URL: http://www.lisaseggart.com/index.html
Version of script: 1.7
Hosting company: ipage
URL of phpinfo.php: http://www.lisaseggart.com/guestbook/gbook.php
URL of session_test.php:
What terms did you try when SEARCHING for a solution:

Write your message below:

when filling in the guestbook fields, the font color in each input field is black and i need to change it to #FFFF00.

Also you will notice the "powered by" is extremly large... is there anyway to make it smaller to fit the page?

[Henrie]

Hello lisavollmer,

Find the file style.css located at templates/default/style.css
Open it and find

Code: Select all

gbook_right{width:300px; height:auto; position:relative; float:left; margin-top:10px;}

add below that the following

Code: Select all

.gbook_right input, textarea {color:#FFFF00;}

That should do it.

Greetings,
Henrie

[lisavollmer]

that did it for the top part... but what about the font color in the comment box, and the security spam boxes?

[Henrie]

Lol yes. In my test page I have disabled the security features.

Change it to this

Code: Select all

input, textarea {color:#FFFF00;}

And textarea targets the comment box in my book.

Greetings,
Henrie

[lisavollmer]

Thanks... but that did not do it

This is what my "body" looks like... sorry to be a pain


/*--------------------------------------------BODY--------------------------------------------*/

.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;}

.gbook_left_box{width:30%; height:auto; float:left; position:relative;}
.gbook_right_box{width:68%; height:auto; float:right;}
.gbook_right_box_1{width:50%; height:auto; float:left;}
.gbook_right_box_2{width:50%; height:auto; float:right;}

img.gbook_nobrd{border:none; margin-left:10px; margin-right:3px;}
img.gbook_emoticons{border:none; margin-left:3px; margin-right:3px;}

span.gbook_submitted{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; padding-left:5px; float:left; margin-bottom:7px; margin-top:3px;}
span.gbook_submitted_by{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; padding-left:5px; line-height:18px; }
span.gbook_comments{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; margin-bottom:7px; float:left; margin-top:3px; }
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; }
span.gbook_added{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:11px; float:left }


a.gbook_submitted{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066ff; text-decoration:underline;}
a.gbook_submitted:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none;}

.gbook_bottom a{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:underline; font-weight:bold;}
.gbook_bottom a:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none; font-weight:bold;}
.gbook_bottom {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none;}


#gbook_guestbook{width:100%; height:auto; margin-bottom:20px;}
span.gbook_guestbook{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:20px; color:#0e67af; font-weight:bold; text-align:center}
span.gbook_required{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; }


#gbook_entries{width:500px; margin:0 auto; background-color:#FFFFFF; border: solid 1px #b0b0b1; margin-bottom:10px;}
.gbook_sign_error{color: #FF3333; font-weight: bold; margin-left:10px; margin-top:10px;}
.gbook_sign_text{font-size: 12px; color: #464645; margin-left:10px; margin-top:10px; margin-right:10px; text-align: justify;}

.gbook_sign_notice{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; color: #228B22; font-weight: bold; text-align: center; margin-bottom: 10px;}

.gbook_left{width:150px; height:auto; position:relative; float:left; margin-left:10px; margin-top:10px;}
.gbook_right{width:300px; height:auto; position:relative; float:left; margin-top:10px;}

.gbook_right input, textarea {color:#FFFF00;}

span.gbook_entries{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; line-height:25px; }
span.gbook_small{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:11px;}

textarea{margin-left:10px; margin-right:15px}

#gbook_bottom_images{ width:400px; height:auto; position:relative; float:left; margin-left:10px; margin-top:15px;}
.gbook_bottom_images img{border:none;}

input.gbook_checkbox{vertical-align:middle;}

img.gbook_sec_img {border:none; margin-top:10px;}

input.gbook_submit{position:relative; top:30px;}

input.submit{border: medium none; font-size:14px; text-transform:uppercase; background-image:url(images/submit.gif); background-repeat:repeat-x; position:relative; top:10px; color:#FFFFFF; font-family:Verdana; font-weight:bold ; text-decoration:none; width:237px; height:32px;margin-top:0px; }


#gbook_no_spam{position:relative; top:20px; width:100%; height:auto;}
.gbook_no_spam img{border:none}

body.gbook_emoticons{margin:0; padding:0; background-image:url(images/bg.png); background-repeat:repeat-x; background-color:#FFFFFF; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#464645;}
div.gbook_emoticons{font-size: 12px; color: #464645; margin:10px; text-align: center;}
img.gbook_emoticon {border:none; margin:5px;}

/*--------------------------------------------BODY--------------------------------------------*/

[Henrie]

You have not changed

Code: Select all

.gbook_right input, textarea {color:#FFFF00;}

to

Code: Select all

input, textarea {color:#FFFF00;}

so that is why the captcha input text is not yellow.
But why the textarea does not color yellow is a mystery to me.

btw, you should remove the following code from your header.txt file as it is not supposed to be in the header.txt file

Code: Select all

<font color = yellow>


<html>
<body>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"	
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

Also

Code: Select all

</body>
</html>

should be removed from the header.txt file.

Maybe that is what is causing the problem, but to be honest I don't think it is. But let's try this first.

[lisavollmer]

Henrie, you are awesome for helping me with this! What ever happened to plain old HTML? Anyway... I took out the extra code in the header.txt... Didn't change anything. Also, now that I have taken out the .gbook_right I no longer have yellow text in the name, email, etc....

You got me on all this too... Would it be easier to change those backgrounds to white, than the font to yellow?

Well, it's 10:45pm here in las Vegas, and I am mentally drained... Been messing with this yellow font thing for two days... Let me know if I'm on an impossible mission... Maybe there is another solution

Thanks for all your help! Btw... Your worth more than just a beer!

[Henrie]

Hello Lisa,

Sorry that it got you all drained. In my eyes the output is plain html, see the source code of the page when it is displayed in your browser. That is how I look at it. And normally all styles than can be changed through the used css files (if used probperly).

I looked at your page again and now I found why the previous code did not work.
In your added code in the header.txt file is also a link to another css file (http://www.lisaseggart.com/files/main_style.css) and this already targets the input and

Code: Select all

textarea

boxes.

Please try the following code instead of the code I gave you in previous posts.

Code: Select all

#gbook_entries input, #gbook_entries textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFF000;}

This will also fix the different font style in the comments text-area.

And thank you for the very large drink (I don't drink beer )

Greetings,
Henrie

[lisavollmer]

Henrie... I LOVE YOU!!!!! Its Perfect!! THANK YOU SO MUCH!

I dont drink either.. so we will share a coke or coffee!

lisa

[Henrie]

Hi Lisa,

I am happy that it is working now.

Whenever I will be in Las Vegas again, I will make sure to share that coke
But I have been there last in 2007 and I don't think I will go on vacation to it again soon. So many other places to see first where I have never been before.


Henrie

[lisavollmer]

i agree with you there.. plus it is way way to hot here! 111 today -- yuck!

[evenstephencom]

After reading this thread while searching for a way to change our GB Title, I went to style.css but I don't see "The Angry" in the header and I'm not sure I went to the correct folder. http://www.theangry.net/gbook/gbook.php

[evenstephencom]

....BTW: How do I change the "The Angry" text to red?

[Henrie]

Hello evenstephencom

In the style.css file find

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;}

and change it to

Code: Select all

h1{margin:0; padding-top:5px; font-family:Trebuchet MS, Arial, Helvetica; color:#ff0000; font-weight:normal; size:48px; position:relative; text-align: center;}

greetings,
Henrie

[evenstephencom]

Henrie: As you can see....something went wrong. (http://www.theangry.net/gbook/gbook.php). I copied and pasted but the body frame had a red background and the the title (The Angry) was still blue. I tried to re-set the code back to what it was and the result is what you see. How can I fix this? Thanks for your help.