Easy One - Making Quick Search Box Bigger (Taller)

[Becki]

I've tried all the obvious tweeks but how do i make the search box bigger (not just longer). i thought if I made the font size bigger it would get bigger - but where is this defined? Can i make it bigger without increasing the text size?

 

Many thanks :)

[Hotclutch]

I've tried all the obvious tweeks but how do i make the search box bigger (not just longer). i thought if I made the font size bigger it would get bigger - but where is this defined? Can i make it bigger without increasing the text size?

 

Many thanks :)

 

If you want to make the whole column wider (both colums) look in catalog\includes\application_top approx line 60 for

 

// customization for the design layout

define('BOX_WIDTH', 125); // how wide the boxes should be in pixels (default: 125)

 

Not sure where the best place is to make the box longer.

[Becki]

If you want to make the whole column wider (both colums) look in catalog\includes\application_top approx line 60 for

 

// customization for the design layout

define('BOX_WIDTH', 125); // how wide the boxes should be in pixels (default: 125)

 

Not sure where the best place is to make the box longer.

 

Thanks, I'm using STS so that isn't an issue really, I can make the box longer but not the depth, I just want too make it taller/bigger and thought changing the text size would do that (well I can't find where the height is specfied)

[sLaV-]

you can use CSS to change the height of your input box ...

 

something like this:

 

<input style="height: 40px; type="text" name="keywords" size="20" maxlength="30" />

 

or in osCommerce code:

 

<?php
echo tep_draw_input_field('keywords', '', 'style="height: 40px;" size="20" maxlength="30"') . ' ' . tep_hide_session_id();
?>

[Becki]

you can use CSS to change the height of your input box ...

 

something like this:

 

<input style="height: 40px; type="text" name="keywords" size="20" maxlength="30" />

 

or in osCommerce code:

 

<?php
echo tep_draw_input_field('keywords', '', 'style="height: 40px;" size="20" maxlength="30"') . ' ' . tep_hide_session_id();
?>

 

Thanks - that did the trick! thank you very much :)

[Becki]

How do you change the text size that shows when someone enters some words....

 

i'm calling a file searchbox2.php but can't figure out where to control the text size?:

 

<?php

 

?>

<form name="quick_find" action="advanced_search_result.php" method="get">

<input type="text" name="keywords" size='25' style="height: 25px;" maxlength="50"><input type="hidden" name="search_in_description" value="1"><input type="hidden" name="inc_subcat" value="1"><input type="submit" name="search" value="Search" class="formfield" border="0" width="79" height="25">

</form>

[sLaV-]

How do you change the text size that shows when someone enters some words....

 

i'm calling a file searchbox2.php but can't figure out where to control the text size?:

 

<?php

 

?>

<form name="quick_find" action="advanced_search_result.php" method="get">

<input type="text" name="keywords" size='25' style="height: 25px;" maxlength="50"><input type="hidden" name="search_in_description" value="1"><input type="hidden" name="inc_subcat" value="1"><input type="submit" name="search" value="Search" class="formfield" border="0" width="79" height="25">

</form>

 

Again you would use CSS:

<form name="quick_find" action="advanced_search_result.php" method="get">

<input type="text" name="keywords" size='25' style="height: 25px; font: 14px Verdana, Arial, sans-serif;" maxlength="50"><input type="hidden" name="search_in_description" value="1"><input type="hidden" name="inc_subcat" value="1"><input type="submit" name="search" value="Search" class="formfield" border="0" width="79" height="25">

</form>

 

(I'm setting the font style there...you could JUST change the font size using: font-size: 14px;)

 

CSS Font Properties

 

CSS Tutorial

[Becki]

Again you would use CSS:

<form name="quick_find" action="advanced_search_result.php" method="get">

<input type="text" name="keywords" size='25' style="height: 25px; font: 14px Verdana, Arial, sans-serif;" maxlength="50"><input type="hidden" name="search_in_description" value="1"><input type="hidden" name="inc_subcat" value="1"><input type="submit" name="search" value="Search" class="formfield" border="0" width="79" height="25">

</form>

 

(I'm setting the font style there...you could JUST change the font size using: font-size: 14px;)

 

CSS Font Properties

 

CSS Tutorial

 

Thanks again! All defined under style - check!