Add search box in footer

  • kiloj757

    (@kiloj757)


    10 years, 8 months ago

    Hi I am trying to figure out how to make my search box have a background in it instead of being transparent.. I added

    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div><input type="text" size="18" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" class="btn" />
</div>
</form>

    As mentioned in another topic but I can’t seem to figure out how to style it to have a background color and text color.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter kiloj757

    (@kiloj757)

    10 years, 8 months ago

    Also how do I make it smaller so it doesn’t hit the edge? My site is dynamicdraintechnologies.com

    Thanks in advance 🙂

    wpismypuppet

    (@wordpressismypuppet)

    10 years, 8 months ago

    You simply add a style!

    #searchform {
    width: 88%;
}
#searchform div {
    background: #ffffff;
}

    The first style keeps the form from hitting the right edge, and the second one adds a background color of white. There is already a style in place that makes the width 99% (line 1117 in style.css), so you should really find that and alter it instead of creating a new one.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add search box in footer’ is closed to new replies.

Tags