Jump to content

Help me please change search bar appierance


martin.grencik
 Share

Recommended Posts

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

Share this post


Link to post
Share on other sites

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:
post-455771-0-17997000-1380212235_thumb.jpg
 
Hope you can find it, and that it works,
pascal

Share this post


Link to post
Share on other sites

  • 2 weeks later...

 

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

 

 

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

Share this post


Link to post
Share on other sites

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 {

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More