How do I resize my search bar?

  • Resolved brittanywigand

    (@brittanywigand)


    15 years, 3 months ago

    These are the codes in my style.css:

    #searchform input{
        background:#fff;
        padding:3px;
        margin-top:10px;
        border:1px solid #000;
        color:#555;
        font-family:'Arial';
        font-size:8pt;
}
#searchform input[type="submit"] {
        cursor:pointer;
}

#searchform input[type="submit"]:hover {
        background:#fff;
        border-color:#eee;
}

    That’s the only thing I can find about them in it… Also here’s the code in searchform.php:

    <br /><form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<div><input type="text" value="<?php the_search_query(); ?>" name="s" id="s" /><br />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

    My site is BrittanyWigand.com and my theme is Silver Dreams…

    Help?!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Either find this id in your css or add it (probably just add the following code):

    #sidebar form#searchform input#s {
width: 200px;
}

    Or whatever your desired width is…? Any good?

    John

    Thread Starter brittanywigand

    (@brittanywigand)

    Thanks, SpankMarvin your code worked. <33333333

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I resize my search bar?’ is closed to new replies.