Jump to content

Presta 1.5 how to customize SEARCH column and button


Recommended Posts

I'm cant sleep at night thinking about how to customize the search button and column background color.

 

My goal is to change the :

1. Text box background color.

2. Search button Text color and background.

 

As shown on this pic

 

post-735083-0-32069100-1386233884_thumb.jpg

 

Any help will be greatly appreciated.

Link to comment
Share on other sites

you have to modify css styles in blocksearch.css file

 

for input box:

#search_block_top #search_query_top {
padding: 0 5px;
height: 23px;
width: 300px;
border: 1px solid #666;
border-right: 0 !important;
color: #666;
background: url(img/bg_search_input.png) repeat-x 0 0 #fff;
float: left;
}

for search button:

#search_block_top .button {
border: none;
border-radius: 0;
color: #fff;
text-transform: uppercase;
background: url(img/bg_search_submit.png) repeat-x 0 0 #101010;
float: left;
height: 25px;
}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...