Support » Fixing WordPress » Search Engine Wiget

  • Hello Friends,

    I am working on a Theme called LandPost.

    I am attempting to reduce the width of the Search bar on the main page at: http://www.millionstreets.com/
    I am looking for it in the functions.php and the home.php

    I went through the syle.css and found:

    #search input[type=”text”] {
    max-width: 152px;
    }

    I adjusted the max-width, but this does not affect it. I am sure I am over-thinking this but, if anyone has any ideas I would be grateful hearing from you.
    Many thanks in advance for your expertise and for your time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator kmessinger

    (@kmessinger)

    Look under #home .searchbg in your css.

    Hi kmessinger,

    Thank you very kindly for your help.
    I think you are right and I have been working with the following areas in style.css.

    Each time I make a width adjustment, the image of the magnifying glass and the right side border vanish. It might require some multiple styles in the areas below to line things up.
    I think why I was looking elsewhere was the info I was given had me under the impression that there was a numeric value that had been entered somewhere in the wiget settings to accommodate large text fields.

    #home-search {
    width: 940px;
    margin: 20px auto;
    padding: 20px 0 25px 0;
    clear: both !important;
    height: 50px;
    }

    #home-search .searchbg {
    background: url(“images/home-search.png”) no-repeat scroll 0 0 transparent;
    margin-left: 95px;
    width: 100%;
    }

    #home-search input[type=”text”] {
    max-width: 685px;
    width: 700px;
    font-size: 17px;
    }

    #home-searchsubmit {
    background: none;
    border: medium none;
    height: 90px;
    width: 43px;
    margin-top: -31px;
    cursor: pointer;
    }

    Moderator kmessinger

    (@kmessinger)

    First if you are going to change css you need to establish a child theme.

    #home-search .searchbg {
    background: url(“images/home-search.png”) no-repeat scroll 0 0 transparent;
    margin-left: 95px;
    width: 100%

    Adjusting width above.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Search Engine Wiget’ is closed to new replies.