Results 1 to 4 of 4
  1. #1
    Join Date
    Jan 2011
    Location
    Texas, USA
    Posts
    171
    Plugin Contributions
    0

    Default resize search field in header

    I have searched everywhere to find this answer. I have a search field and button in the header that I want to make bigger.
    I found this information from firebug


    <div id="navMainSearch">
    <form method="get" action="http://xx.xx.xx.xxx/~userid/catalog/index.php?main_page=advanced_search_result" name="quick_find_header">
    <input type="hidden" value="advanced_search_result" name="main_page">
    <input type="hidden" value="1" name="search_in_description">
    <input type="text" onblur="if (this.value == '') this.value = 'Enter search keywords here';" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" value="Enter search keywords here" style="width: 100px" maxlength="30" size="6" name="keyword">
    <input type="submit" style="width: 45px" value="Search">
    </form>
    </div>

    and I cannot find anything in CSS which relates with it.
    I searched a good many times in developer area of admin which gave many files to check. I have look everywhere but do not know where to change the values. PHP is gobledygook for me.

    I want to change style width for the field and the submit button.

    can someone point me to the right direction please?

    thank you
    Ivanna

  2. #2
    Join Date
    Jan 2010
    Location
    Australia
    Posts
    239
    Plugin Contributions
    1

    Default Re: resize search field in header

    please add ur site link so we can have a look and advise you appropriate.

  3. #3
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: resize search field in header

    Your search box has the following HTML attribute
    style="width: 100px"
    You could use the Admin > Tools > Developer Toolkit to find the file where the field is being generated and then increase its width from 100px.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  4. #4
    Join Date
    Jan 2011
    Location
    Texas, USA
    Posts
    171
    Plugin Contributions
    0

    Default Re: resize search field in header

    I did this and it worked. I think before that I use wrong search words.

    thank you
    Ivanna

 

 

Similar Threads

  1. v151 header search field not working - showing 0 results
    By noyloza in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 22 Feb 2013, 05:59 PM
  2. add search field to header and email subscribe to footer
    By noyloza in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 5 Nov 2012, 04:44 PM
  3. Remove (not turn off) Search Header Field
    By DBB1 in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 23 Dec 2011, 10:11 PM
  4. header search-field
    By Soniccc in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 3 May 2011, 07:59 PM
  5. Search Header Button and Text Field
    By swelter83 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 14 Mar 2008, 02:05 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR