HOW TO INCREASE THE WIDTH OF THE SEARCH BOX

[gbola]

Hi,

 

Please how can i increase the width of the search box on the top horizontal menu of my website and i will also like to have the word search....... by default in the box.

 

Also how can i change the ADD TO CART text on the home featured products module to BUY NOW instead of having ADD TO CART there.

 

website url: www.valuplus.com.ng

 

ANy ideas please

[Nishith Nesdiya]

hello

 

change the you_dire/modules/blocktopmenu/css/superfish-modified.css file at line no 158

li.sf-search input{
background: url("../img/search.gif") no-repeat scroll left center #FFFFFF;   
 border: 1px solid #777777;
    margin: 6px 6px 0 0;
    padding: 3px 0 3px 20px;
    width: 300px;
}

Edited January 22, 2014 by Nishith (see edit history)

[vekia]

use this

li.sf-search input {
-moz-border-radius: 0 5px 5px 0;
padding: 3px 0;
padding-left: 20px;
margin: 6px 6px 0 0;
background: #fff url('http://i.imgur.com/fTwfrSh.png') no-repeat left center;
border: 1px solid #777;
width: 300px;
}

effect: