How do I control the size of my search form?

  • Resolved brittanywigand

    (@brittanywigand)


    15 years, 4 months ago

    I have this code for my search bar: 

    <!--create the searchfield-->
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
<fieldset><label for="s"><?php bloginfo('name'); ?> <?php _e('search','mtsjourney'); ?>
<br /><input type="text"  size="20"  value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit"  id="searchsubmit"   value="<?php _e('Search','mtsjourney'); ?>" /></label>
</fieldset></form>
<!--searchform.php end-->

    I want to change the text size, and the size of the search bar. How do I do that?

    Also my site is BrittanyWigand.com… how do I get rid of the text above my search bar that says “brittanywigand.com search”?

    Thanks!

    <333333333333333333

    xoxoxoxoxoxoxoxoxo

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

  • this bit of your code is responsible for the ‘brittanywigand.com search’ text (in your posted code):
    <?php bloginfo('name'); ?> <?php _e('search','mtsjourney'); ?>

    this part of the style.css controls what you want to change:

    input#s{
  width:100px;
  margin-left:-36px;
  padding:2px;
}

input#searchsubmit {
	cursor: pointer;
	align: left;
	width:60px;
}

    you may need to add parameters for the height and font-size.

    Thread Starter brittanywigand

    (@brittanywigand)

    Thanks!

    xoxoxoxoxo!

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