Results 1 to 8 of 8
  1. #1
    Join Date
    May 2010
    Location
    Cyberspace
    Posts
    376
    Plugin Contributions
    0

    help question Restrict the width of search field and adjust button location

    I'm looking for a way to restrict the width of this element: #navMainSearch form[method="get"] located in tpl_search_header.php

    I've tried targeting the element with CSS and setting width to either a lower percentage or pixel value, so I can move the search button further to the left, so it'll be closer to the search field. Thank you!

    www.test.soundfactory.nu

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Restrict the width of search field and adjust button location

    I'm not exactly sure what you want to do, but if it's to make the search input box narrower, you would change both instances of width: 150px to a different value in the file you mentioned.

  3. #3
    Join Date
    May 2010
    Location
    Cyberspace
    Posts
    376
    Plugin Contributions
    0

    Default Re: Restrict the width of search field and adjust button location

    Thanks for looking at it! Well, I tried that. It decreased the search field so it became tighter. I'm trying to fit the form method[] field to display inside the light blue text field so that I can move the search button closer to the right side of the search text field. I've seen this on a lot of sites and it looks GREAT.

  4. #4
    Join Date
    May 2010
    Location
    Cyberspace
    Posts
    376
    Plugin Contributions
    0

    Default Re: Restrict the width of search field and adjust button location

    Fixed it using CSS.. but it's a rather brutal means of having the elements display the way I wan't (using negative margins and so).

  5. #5
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    8,062
    Plugin Contributions
    9

    Default Re: Restrict the width of search field and adjust button location

    Sometimes the "rather brutal" fixes are a result of html errors. You have one error and 127 warnings on your main page.
    I'd fix the missing quote in
    <div id="tagcloudsideboxContent"</div></div>
    Then, see how many other things fall in line and fix those that don't.
    Did you read the posting tips?!?
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free Domain, SSL, and Magic Thumb with Semi-Annual or longer plan.

  6. #6
    Join Date
    May 2010
    Location
    Cyberspace
    Posts
    376
    Plugin Contributions
    0

    Default Re: Restrict the width of search field and adjust button location

    Thank you for telling me. I appreciate it.

  7. #7
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    8,062
    Plugin Contributions
    9

    Default Re: Restrict the width of search field and adjust button location


    <div id="tagcloudsideboxContent</div></div>
    should either be changed to
    <div id="tagcloudsideboxContent"></div>
    BUT...
    It appears it's not used, so I would delete the entire div.
    Did you read the posting tips?!?
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free Domain, SSL, and Magic Thumb with Semi-Annual or longer plan.

  8. #8
    Join Date
    Jan 2004
    Posts
    66,350
    Blog Entries
    7
    Plugin Contributions
    271

    Default Re: Restrict the width of search field and adjust button location

    Quote Originally Posted by Soniccc View Post
    Fixed it using CSS.. but it's a rather brutal means of having the elements display the way I wan't (using negative margins and so).
    Glad you got it sorted out.
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

 

 

Similar Threads

  1. v151 Adjust Width, Country Select Field, Create Account Template
    By KenBaker in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 3 Mar 2014, 04:53 AM
  2. How do I adjust the column width between the product image and the product name?
    By wiccan0974 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 29 Jun 2010, 10:16 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. Adjust the search button [newbe]
    By atmosx in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 7 Nov 2009, 05:14 PM
  5. 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

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