how to give space between search bar/input and search button

[RudraTandav]

how to give space between search bar/input and search button

can any one plz tel me

[RudraTandav]

any knws here how to do this

[vekia]

you have to share more informations about your store (url too if it is possible)

1. what ps version you use
   
2. what theme you use (default one?)
   

 

without these informations is hard to say what you have to do.

[RudraTandav]

im using 1.5.4.1

 

and i want to add image in place of button

 

reply plz

Edited July 6, 2013 by anilm661 (see edit history)

[mani313]

its all about css work right..

 

for this use padding, margin with button or input box

 

if you are a newbie , figure out your problem..i can help

 

am sorry if i understand your probelm wrongly :

[vekia]

hello

 

i've got another questions: it is possible to check your website somewhere?

 

for default template you have to:

 

1) edit the /modules/blocksearch/blocksearch.css line 18 - add margin-left: 20px; param

#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;
margin-left: 20px;
}

 

2) remove the border-right (border-right: 0 !important;) from /modules/blocksearch/blocksearch.css line 8

#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;
}

 

 

effect:

[vinefreshtees]

I realize that this is a very old thread, but I am having a similar problem. I am trying to add a border around the search box or give it a background color so it stands out more. I changed the color, nothing happened. I did as you stated above...nothing. This is the original code found in my blocksearch.css. I'm using Prestashop 1.6.1.4

 

 

/* block top search */

#search_block_top {

position:absolute;

right: 26%;

top: 34px;

}

#search_block_top p {padding:0;}

#search_block_top #search_query_top {

padding:0 5px;

height:23px;

width:300px;/* 310 */

border:1px solid #666;

border-right: 0 !important;

color:#666;

background:url(img/bg_search_input.png) repeat-x 0 0 #fff;

float: left;

}

 

#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;

}

 

form#searchbox{padding-top:5px}

form#searchbox label{color:#333;margin-bottom:1px}

form#searchbox input#search_query_block{

border: 1px solid #cccccc;

-webkit-border-radius:3px !important;

-moz-border-radius:3px !important;

border-radius:3px !important;

height: 18px;

margin-top:10px;

}

form#searchbox input#search_button{padding: 1px 4px;}