Thanks, Phil. For the benefit of everyone...
Quote:
|
Originally Posted by PhilJ
If anyone wants to increase the width of the search box...
In your chosen theme css file, eg.
skin/smart_template/custom/themes/royal.css
Let's say we want to make it 100px wider...
Adjust these values...
Code:
#st_menu { margin-right: 300px; }
#st_menu_search { float: left; width: 300px; margin-left: -300px; }
Then...
Code:
#st_search_input { float: left; color: #000; height: 14px; width: 234px; margin: 0px 0px; background: url(../images/search_bg.png) left no-repeat; padding: 8px; font-size: 1.0em; border: none; outline: none; }
Also upload the attached image to...
skin/smart_template/custom/images |
Now, in
Quote:
|
Originally Posted by PhilJ
In skin/smart_template/custom/js/smart_dynamic_search/smart_dynamic_search.css
Modify #ajax_listOfOptions
|
change to
width: 400px; and
height: 300px;
After that, the drop down box will be aligned properly, be wider, and will show a few more results to reduce user scrolling.