Page 1 of 2 12 LastLast
Results 1 to 10 of 18

Hybrid View

  1. #1

    Default Search button width

    I want the Search button to read "Search UnitedGraphix" as I'm looking for complete branding of my site's name ... The button is so small that it only shows "Search U" ... How do I increase it's width ?

  2. #2
    Join Date
    Jul 2007
    Posts
    138
    Plugin Contributions
    0

    Default Re: Search button width

    Quote Originally Posted by pulkit View Post
    I want the Search button to read "Search UnitedGraphix" as I'm looking for complete branding of my site's name ... The button is so small that it only shows "Search U" ... How do I increase it's width ?
    hi
    jus try thsi ......

    search in your stylesheet.css

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;


    }

    add

    width: 100px; or wat ever witdh u want 2 give

  3. #3

    Default Re: Search button width

    Quote Originally Posted by lastpirate007 View Post
    hi
    jus try thsi ......

    search in your stylesheet.css

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;


    }

    add

    width: 100px; or wat ever witdh u want 2 give
    cool ... now I just have to find the file ...

  4. #4
    Join Date
    May 2008
    Location
    Pennsylvania
    Posts
    25
    Plugin Contributions
    0

    Default Re: Search button width

    Quote Originally Posted by lastpirate007 View Post
    hi
    jus try thsi ......

    search in your stylesheet.css

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;


    }

    add

    width: 100px; or wat ever witdh u want 2 give
    I need to change the width of the gray search button because it's cutting off the word "search" and is only showing "searc". I used the directions above and it seems to only change the "advanced search" page. Can anyone tell me where to find the CSS code to change the width of the gray search button? If it helps, I'm using the search for the header and not the sidebox.

    -Melissa

  5. #5
    Join Date
    May 2008
    Location
    Pennsylvania
    Posts
    25
    Plugin Contributions
    0

    Default Re: Search button width

    I must be tired because all I needed to do was change the font size from 1.0 em to 0.9em and now it fits. However, I wouldn't mind knowing how to make the gray button wider because a font size larger than 0.9em doesn't fit.

  6. #6
    Join Date
    May 2009
    Location
    The West Coast
    Posts
    25
    Plugin Contributions
    0

    Default Re: Search button width

    Quote Originally Posted by lastpirate007 View Post
    hi
    jus try thsi ......

    search in your stylesheet.css

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }

    add
    width: 100px; or wat ever witdh u want 2 give
    This doesn't work, the style is overridden by element.style, meaning it is set in the PHP file.

    Copy tpl_search_header into your template's sidebox folder. Near the bottom, change ' style="width: 45px" ' to 100px.
    Setting it to 50px makes the "Search" text fit nicely with the font size I'm using.

  7. #7
    Join Date
    Mar 2008
    Posts
    37
    Plugin Contributions
    0

    Default Re: Search button width

    Where do you change the actual text in the Search button?

    Michael

  8. #8
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Search button width

    Quote Originally Posted by countrycupboard View Post
    Where do you change the actual text in the Search button?

    Michael
    /includes/languages/english/nameofyourtemplate/header.php

  9. #9
    Join Date
    Mar 2008
    Posts
    37
    Plugin Contributions
    0

    Default Re: Search button width

    Misty,

    I have looked and looked through the file. Somehow I must have edited a line and messed up some syntax in a line, because my button says "HEADER" instead of "Submit". Any idea where in the file the button is getting the text "HEADER". BTW, it may say more than just HEADER, but that's all the room there is to display on the button.

  10. #10
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Search button width

    Quote Originally Posted by countrycupboard View Post
    Misty,

    I have looked and looked through the file. Somehow I must have edited a line and messed up some syntax in a line, because my button says "HEADER" instead of "Submit". Any idea where in the file the button is getting the text "HEADER". BTW, it may say more than just HEADER, but that's all the room there is to display on the button.
    Can you post here, content of this file
    /includes/languages/english/nameofyourtemplate/header.php
    and give an url where can view your zencart site?

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v150 Alter search button (css) width
    By mi16chap in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 6 Jun 2012, 03:18 PM
  2. Replies: 7
    Last Post: 5 May 2011, 02:13 AM
  3. Search Button Width
    By MortalWombat in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 7 Dec 2010, 04:42 AM
  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. Increase search button width
    By soki in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 5 Aug 2008, 11:06 PM

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