Search Form change the font color

Isengard · **Search Form change the font color -** 07-12-2012, 05:29 AM

Hello,

I was wondering if someone could help me changing the font color in the search form in the template. I know how to do some coding but very little. But I think I found the coding for the search field and I attempted to see if I could do it myself but I guess it didn't work. I will just give the whole code that I have just in case I was wrong.

Thank you in advanced

<head>

<meta http-equiv="content-type" content="{%MetaCharset%}" />
<meta name="description" content="{%MetaDescription%}" />
<meta name="keywords" content="{%MetaKeywords%}" />
<title>{%MetaTitle%}</title>

<link href="images/default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>

<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="index.php">{%WebsiteName%}</a></h1>
<p>{%WebsiteSlogan%}</p>
</div>
<div id="rss"> </div>
<div id="search"><form id="searchform" method="get"> <fieldset> <input name="search" id="s" size="15" value="Search" type="text" /> </fieldset> </form></div>
</div>
[I thought this was the code that I needed to put the color in]

 
<div id="menu">
<ul>

<li><a href="{%menu_href%}">{%menu_display%}</a></li>

</ul>
</div>
 
<div id="page">  
<div id="content">
<div class="post">
<div class="title">
<h2>{%name%}</h2>
</div>
<div class="entry">{%content%}
<p> </p>
</div>
</div>
</div>
 
<div id="sidebar">
<ul>
<li id="categories">
<h2 style="text-align: center;">{%gallery_Car_Detailing%}</h2>
</li>
</ul>
</div>
</div>
 
<div id="footer">
<p class="legal">{%WebsiteFooter%}</p>
</div>
</div>

</body>
</html>

tempz · 07-12-2012, 07:14 AM

It's pretty simple stuff - here

Code:

#search value {color:#colorhex;
}

Isengard · 07-12-2012, 07:16 AM

So I just add it where the red text is then?

tempz · 07-12-2012, 07:23 AM

Quote:

Originally Posted by Isengard

So I just add it where the red text is then?

Yes if you want the text to be red you will add:

Code:

#search value {
color:red;
}

Isengard · 07-12-2012, 07:25 AM

but I add it in this coding

<div id="search"><form id="searchform" method="get"> <fieldset> <input name="search" id="s" size="15" value="Search" type="text" /> </fieldset> </form></div>
</div>

?

tempz · 07-12-2012, 07:30 AM

Quote:

Originally Posted by Isengard

but I add it in this coding

<div id="search"><form id="searchform" method="get"> <fieldset> <input name="search" id="s" size="15" value="Search" type="text" /> </fieldset> </form></div>
</div>

?

No you will add it to your style-sheet under the element #search

Here are the changes will you make to #search

You will add value to the end of search with a space between them!

Then you will add the following code to the #search

Code:

color:red;

What this is doing it's calling the search element then looking for the value tag in your form on your website and changing the color!

Isengard · 07-12-2012, 07:41 AM

No matter where I put it

it comes up

#search value {
color:red;
}

I am using the html format. I am sorry I am not that experience with coding. But I do appreciate your help

tempz · 07-12-2012, 08:20 AM

Quote:

Originally Posted by Isengard

No matter where I put it

it comes up

#search value {
color:red;
}

I am using the html format. I am sorry I am not that experience with coding. But I do appreciate your help

Where are you putting

Code:

#search value {
color:red;
}

Isengard · 07-12-2012, 08:54 AM

I put it before

<div id="search"><form id="searchform" method="get"> <fieldset> <input name="search" id="s" size="15" value="Search" type="text" /> </fieldset> </form></div>

and after it and even in-between it

I also but it at the end

tempz · 07-12-2012, 09:29 AM

This is what you should have in the end!!

Code:

<!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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
#mystyle input {
	color:red;

}
</style>
</head>

<body>
<div id="mystyle"><form id="searchform" method="get"> <fieldset> <input name="search" id="s" size="15" value="Search" type="text" /> </fieldset> </form></div>
</body>

</html>

Sorry I made it mistake you need to call "input"