WordPress.org

Ready to get started?Download WordPress

Forums

Search Engine Wiget (4 posts)

  1. David_1
    Member
    Posted 1 year ago #

    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.

  2. kmessinger
    Moderator
    Posted 1 year ago #

    Look under #home .searchbg in your css.

  3. David_1
    Member
    Posted 1 year ago #

    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;
    }

  4. kmessinger
    Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic