Results 1 to 6 of 6
  1. #1
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Search Header Button and Text Field

    Hi, I am new to Zen Cart and it's been a great learning experience so far. However, I've not been able to find any help related to the issue i am about discuss.

    My search box in the header is not how I like it. It doesn't look right, and what I mean is the "search" or "go" button is too far away from the input text field. How can I move both of them closer together?

    I've looked in the stylesheet.css file but I have no idea where to work or what code to add to accomplish this. Your help will be GREATLY appreciated!

    this is the link to see what i am talking about...

    http://cart.lifewaynutrition.com

    also you will notice that there are two search fields, one above(where i want it to be) and one below the header ( i don't want this one) how can I get rid of the lower one as well.

    Thanks again!!

  2. #2
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Search Header Button and Text Field

    in your stylesheet.css, find this entry:

    FORM, SELECT, INPUT {

    display: inline;

    font-size: 1em;

    margin: 1.5em;

    }

    Change margin: to margin-top: to make it look like this:

    FORM, SELECT, INPUT {

    display: inline;

    font-size: 1em;

    margin-top: 1.5em;

    }



    Then, to get rid of the search field in the right column, go to Admin/Tools/Template Boxes controller, and you will see one entry for sideboxes/search.php. Turn that OFF. Make sure it doesn't say sideboxes/search_header.php or you will turn off the wrong one.


    Hope this helps. I know you're new to ZC, so if you have problems finding any of this, don't hesitate to ask for more help. That's what Zenning is all about.........people helping people.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  3. #3
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Search Header Button and Text Field

    Thanks so much for the help! im about to try it out right now!

  4. #4
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Search Header Button and Text Field

    AWESOME, it worked! now i am gonna need to move it to the left just a little.

    I wish I knew a bit more about CSS, the book I have here is OKAY but not really
    great with detail about positioning things which is somewhat odd considering thats what CSS is about.

    how can I move it to the left now by about 80 px? is that a margin code?

  5. #5
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Search Header Button and Text Field

    Right under this entry (the one you just edited):

    FORM, SELECT, INPUT {

    display: inline;

    font-size: 1em;

    margin-top: 1.5em;

    Add this:


    FORM {
    margin-right: 80px;
    }

    To make it look like this:

    FORM, SELECT, INPUT {

    display: inline;

    font-size: 1em;

    margin-top: 1.5em;

    }

    FORM {
    margin-right: 80px;
    }
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  6. #6
    Join Date
    Mar 2008
    Posts
    100
    Plugin Contributions
    0

    Default Re: Search Header Button and Text Field

    Thanks a TON i appreciate all your help! hopefully from here on out I can do the rest. those were my two biggest issues :)

 

 

Similar Threads

  1. Replies: 7
    Last Post: 5 May 2011, 02:13 AM
  2. top search text box and search button not vertically aligned
    By HeyIts007 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 16 Oct 2010, 05:29 AM
  3. Center the search field and button infront of image
    By Muzz in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 15 Apr 2010, 05:52 AM
  4. Search Field without the "Search Button" in the header
    By gems14k in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 26 Sep 2009, 08:56 AM
  5. Remove Search Button and add text to input field
    By sjk1000 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 10 Oct 2008, 12:19 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