Page 2 of 2 FirstFirst 12
Results 11 to 18 of 18
  1. #11
    Join Date
    Mar 2008
    Posts
    37
    Plugin Contributions
    0

    Default Re: Search button width

    Absolutely fixed it! Thanks a lot for the great support!

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

    Default Re: Search button width

    My pleasure..
    please to hear problem solved.
    Well done !!

  3. #13
    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

  4. #14
    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.

  5. #15
    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.

  6. #16
    Join Date
    Feb 2007
    Location
    UK & Germany
    Posts
    52
    Plugin Contributions
    2

    Default Re: Search button width

    Hi guys,
    while we are on the subject of the search box, how do i remove it altogether?
    "I see" said the blind man
    "You're a liar" said the dumb

    www.Pictures2Stitches.com

  7. #17
    Join Date
    Jul 2007
    Posts
    45
    Plugin Contributions
    0

    Default Re: Search button width

    Quote Originally Posted by paddy100 View Post
    Hi guys,
    while we are on the subject of the search box, how do i remove it altogether?
    Just go into Admin - Tools - Layout Boxes Controller find the two search boxes and edit to switch them off.

  8. #18
    Join Date
    May 2006
    Posts
    725
    Plugin Contributions
    0

    Default Re: Search button width

    hello there,

    just wondering, how do i edit the border around the search form?

    Thanks...

 

 
Page 2 of 2 FirstFirst 12

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