Help me please change search bar appierance

[martin.grencik]

Hi,

 

please help me somebody to change php code in attached files.

 

I need to change search bar on this site http://onlinenabytok.sk. Now you have to click on orange box and after search bar is showed. I need it to be showed without necessity to click and without orange box. Just whole search bar with confirm button as it is now after clicking. Hope you understand my english

 

Thank you a lot.

 

search bar module files: search.zip

[PascalVG]

Can probably just be solved in css:

 

(Not sure where this is located. Maybe in :

themes/<your theme folder>/css/modules/SomeLeoSearchOrSo/SomeLeoSearchOrSo.css,

or just in 

themes/<your theme folder>/css/global.css:

 

anyway, try to locate this piece of code:

.block-search-top #searchbox {

 

if found, delete the blue lines, change the red value:

 

.block-search-top #searchbox {

background: none repeat scroll 0 0 #E6E6E6;

border-radius: 5px 5px 5px 5px;

display: none;               <-- always show

padding: 5px 10px;

position: absolute;

right: 0;                    <-- box will move to right hand side

top: -12px;                  <-- we bring the box up, to align neatly

z-index: 999;

}

 

and find:

.leo-search-button {

 

then add the red line:

 

.leo-search-button {

background: url("http://onlinenabytok.sk/themes/leodeco/css/../img/search-btn-bg.png") no-repeat scroll center -53px transparent;

height: 38px;

width: 40px;

cursor: pointer;

display:none;               <-- add this line, to take out the button

}

 

just below the the first one.

Result:

 

Hope you can find it, and that it works,

pascal

[martin.grencik]

 

Can probably just be solved in css:

 

(Not sure where this is located. Maybe in :

themes/<your theme folder>/css/modules/SomeLeoSearchOrSo/SomeLeoSearchOrSo.css,

or just in 

themes/<your theme folder>/css/global.css:

 

anyway, try to locate this piece of code:

.block-search-top #searchbox {

 

if found, delete the blue lines, change the red value:

 

.block-search-top #searchbox {

background: none repeat scroll 0 0 #E6E6E6;

border-radius: 5px 5px 5px 5px;

display: none;               <-- always show

padding: 5px 10px;

position: absolute;

right: 0;                    <-- box will move to right hand side

top: -12px;                  <-- we bring the box up, to align neatly

z-index: 999;

}

 

and find:

.leo-search-button {

 

then add the red line:

 

.leo-search-button {

background: url("http://onlinenabytok.sk/themes/leodeco/css/../img/search-btn-bg.png") no-repeat scroll center -53px transparent;

height: 38px;

width: 40px;

cursor: pointer;

display:none;               <-- add this line, to take out the button

}

 

just below the the first one.

Result:

searchbox.jpg

 

Hope you can find it, and that it works,

pascal

 

 

Thank you very much for your work Works in chrome, but :/ look at this: http://d.pr/i/FSgO  its internet explorer :/

[PhpMadman]

What IE version are you using?

The info I found is that IE 6-7 does not support inline-block.

instead you can you this hack under display: inline-block

        zoom: 1;        *display: inline;

blocksearch.css line 2  .block-search-top {

[martin.grencik]

Hi, 

 

I tested it in IE 8, 

 

css code added - doesnt work :/ still the same. 

 

I hate IE but many people still use it

[PhpMadman]

did you add the star * before display: inline? it's important.

[martin.grencik]