[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 257
  • Last Modified:

How Can I Change TheWebbot Search Text Color

I would like to use the frontpage webbot search
component, but need to have white letters for the
"Search For:" text.

I have tried <span> and <div>, but without success.
I know with FP Themes, the text color comes from
the body{ color } (color0.css). I am using my own CSS files, and not FP Theme.

Example Page: www.theassetprotectionsite.info/index.htm
(search for "search for:" and notice the black lettering
on the white background - I want to reverse those)

Thanks..

0
asegal
Asked:
asegal
  • 4
  • 3
1 Solution
 
rbartzCommented:
Use this in your search textbox:

<input type="text" name="search" size="20" style="color: #FFFFFF; background: #000000;">

where you have:

<input type="text" name="search" size="20" value>

that gives you a black input with white text for whatever is input!

R
0
 
asegalAuthor Commented:
I don't have that text, I have webbot:

<!--webbot bot="Search" s-index="All" s-fields="Weight" s-text="Search For:" i-size="20" s-submit="Start Search" s-clear="Reset" s-timestampformat="%m/%d/%Y" tag="BODY" b-useindexserver="0" -->

Can I change something in the webbot text, -- or
how do I set up your suggestion... and will it search only
my site?

Thanks
0
 
rbartzCommented:
Hello

I was looking at the search box on the bottom of the page you pointed to:
Example Page: www.theassetprotectionsite.info/index.htm

It is probably generated in the footer for all pages.  I see that you use a CSS sheet f rom your page header:  (<LINK href="../templates/asset-protection-styles.css" type="text/css" rel="stylesheet">)

SO DO THIS:

Open the asset-protection-styles.css file from the templates folder in a text editor, and you will find the following:

/* for webbot */
.webbot{
text-decoration: none;
color: red;
      FONT-WEIGHT: normal;
      FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

CHANGE "color: red;" TO "color:white;"
and
ADD THIS LINE after it:       background: black;
 Be sure to use the semi-colon.

That will give you the black background search box.
0
NFR key for Veeam Backup for Microsoft Office 365

Veeam is happy to provide a free NFR license (for 1 year, up to 10 users). This license allows for the non‑production use of Veeam Backup for Microsoft Office 365 in your home lab without any feature limitations.

 
rbartzCommented:
Sorry, on looking again, I see your search box is in the footer and that is a separate file:  

...templates/bottom.htm

In Frontpage folders view, go to templages, open bottom.htm

You will find this line:

<span class="webbot">
                  <!--webbot bot="Search" s-index="All" s-fields="Weight" s-text="Search For:" i-size="20" s-submit="Start Search" s-clear="Reset" s-timestampformat="%m/%d/%Y" tag="BODY" b-useindexserver="0" startspan --><form action="../_vti_bin/shtml.exe/templates/bottom.htm" method="POST"><input type="hidden" name="VTI-GROUP" value="0"><p><b>Search For: </b><input type="text" name="search" size="20" value></p><p><input type="submit" value="Start Search"><input type="reset" value="Reset"></p></form><!--webbot bot="Search" i-checksum="59302" endspan --></span></td>
</span>


where it says "<input type="text" name="search" size="20" value>" make the changes I said above...

<input type="text" name="search" size="20" style="color: #FFFFFF; background: #000000;">

There you go!  That will affect ALL the pages in your site that use the footer.

Regards,

R.
0
 
asegalAuthor Commented:
I tried those changes (it is up on site) - no change
(The text wasn't red before the change, so something
isn't right)

FYI: the footer that is included in all pages is:
 http://www.theassetprotectionsite.info/templates/bottom.htm


--alan
0
 
rbartzCommented:
HI Alan,

Sorry, I wasn't very clear.  Changing the webbot class will NOT affect your input!  No worries.  

If you OPEN THE FOOTER PAGE in Frontpage and click the HTML tab at the bottom so you will be looking at the HTML and it will look like this:  (I cut off the part below the table with the form so it isn't so long!)

==============PASTED
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Copyright 2005-2006
 All Rights Reserved</title>
<link href="asset-protection-styles.css" type="text/css" rel="stylesheet">
<meta name="robots" content="noindex, follow">
</head>

<body class="test">

<div align="center">
      <table class="setborder" border="3" width="100%" id="table1" bgcolor="#000000" style="border-collapse: collapse">
      </table>
      <table border="0" cellpadding="0" style="border-collapse: collapse" bgcolor="#000000" width="100%">
            <tr>
                  <td class="bottom" width="100%" bordercolor="#FFFFFF" style="background-color: #FFFFFF">
<span class="webbot">
                  <!--webbot bot="Search" s-index="All" s-fields="Weight" s-text="Search For:" i-size="20" s-submit="Start Search" s-clear="Reset" s-timestampformat="%m/%d/%Y" tag="BODY" b-useindexserver="0" startspan --><form action="../_vti_bin/shtml.exe/templates/bottom.htm" method="POST"><input type="hidden" name="VTI-GROUP" value="0"><p><b>Search For: </b><input type="text" name="search" size="20" value></p><p><input type="submit" value="Start Search"><input type="reset" value="Reset"></p></form><!--webbot bot="Search" i-checksum="59302" endspan --></span></td>
</span>
            </tr>
      </table>
===========  END OF PASTED

the line with the webbot is VERY long, but at the end you will find hte input for the search:

<input type="text" name="search" size="20" value>

ADD the "style="color: #FFFFFF; background: #000000;" to the input so that it says:

<input type="text" name="search" size="20" style="color: #FFFFFF; background: #000000;">

That will give you the BLACK input box with white text.

Richard
0
 
asegalAuthor Commented:
Hi Richard,

That info is not in the webbot portion,
so I took the source from the published
page, and substituted it for the webbot code on
my included page. From there I was able
to change the color.

Thanks very much for your help!
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now