Magento 1.8 – How to Reduce Width of Search Box

magento-1.8search

please vist "http://newtrendzonline.com/boards/"

I wanted to remove REGISTER and SIGN IN, which is present above the search box. Also I wnat to reduce the WIDTH of the SEARCH BOX.

Thanks in Advance.

Best Answer

You can do this with some simple CSS. You should remove the register and sign in links from the template but this will have the desired effect:

/* Remove the register & sign in buttons */
.header-bottom-content ul.link-bottom {
    display: none;
}

/* Reduce the size of the search box */
.form-search input.input-text {
    width: 250px; /* Change to desired width */
}

Simply add it at the bottom of your themes CSS file. You'll want to update width: 250px; to the desired width of the search box. You will end up with a large white gap between the search box and the basket button which isn't ideal.

Related Topic