Results 1 to 6 of 6

Hybrid View

  1. #1
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: How can I make the Header Search button be a CSS button?

    I assumed, because you wanted to use CSS buttons for just the search button, that you wanted it to have an appearance quite different from the other buttons. That's all I meant by that.

    But my suggection still stands: use a graphic button (with a JS rollover effect.) Seems easier than hacking the code to get CSS buttons to work for just one button.

    Rob

  2. #2
    Join Date
    Mar 2011
    Posts
    33
    Plugin Contributions
    0

    Default Re: How can I make the Header Search button be a CSS button?

    fixed, did nothing with the trigger....

    changed the input type from "image" to "form"
    added some divs to make it easier to work with in CSS.

    Code:
        $content .= '<div id="searchbar_box_wrapper">' . zen_draw_input_field('keyword', '', 'size="6" class="search-header-box" maxlength="30" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '</div>' . '<div id="searchbar_button_wrapper"> &nbsp;<input type="submit" value="" class="search-header-button" </> </div>';
      }

 

 

Similar Threads

  1. v151 How to change the button width that in the INPUT element when the css button is used?
    By su35 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 9 Jun 2013, 04:34 PM
  2. v138a How do I put back my search button image after turning on CSS buttons?
    By Deno in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Jun 2013, 05:32 PM
  3. How can I "flip" layout of Back to Shopping button with the Shipping Estimator button
    By MarleneF in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 7 May 2010, 09:38 PM
  4. how can I expand the width of the search field amd search button?
    By watzursn in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 29 Sep 2009, 09:22 PM
  5. How can I make the submit button align center?
    By bnamodel in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 7 Aug 2009, 09:43 AM

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