search

Hi,


I need the search module is in the line of the main menu, since there need to place other modules time and phone

so the space module, must still remain there ...

but the search module, your css should stay right on the line of the menu

How I can do that?

I have closed the site

so if you need to see it, just ask superuser access







should stay well




thanks!

Hi,
there are two options.

1) You can use margin-top:-100px; for search element and reduce size of menu.
2) Near menu add add new module position and reduce size of menu.

I hope that you know that you are asking as for custom job, and probably this website you are making for money not for free?
I have to be honest to our rules..

Hi,

but I want to make the css, that's what cost me the above search

Code: Select all

#gkSearch_02,#gkButtons_02 {
   float: right;
   margin-top: 32px;
}
#gkButtons_02 {
   margin-top: 37px;
}
#gkButtons_02 div a {
   font-size: 11px;
   font-weight: bold;
   color: #333;
   text-transform: uppercase;
   margin: 0 0 0 18px;
}
#gkButtons_02 div a:first-child {
   margin-left: 44px;
}
#gkButtons_02 a:hover {
   color: #fc764a;
}
#gkSearch_02 {
   position: relative;
}
#gkSearch_02 .button {
   position: absolute;
   top: 6px;
   right: 16px;
   width: 35px;
   height: 24px;
   text-indent: -9999px;
   margin: 0;
   padding: 0;
   background: #7b9ef8 url('../images/searchbtn.png') no-repeat 0 0;
   border: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
#gkSearch_02 .button:hover {
   background-color: #fc764a;
}
#gkSearch_02 #mod-search-searchword {
   width: 308px;
   height: 34px;
   border: 1px solid #e5e5e5;
   padding: 0 10px;
   margin: 0 10px 0 0;
   display: block;
   -webkit-transition: background 0.5s linear, border-color 0.5s linear;
   -moz-transition: background 0.5s linear, border-color 0.5s linear;
   -o-transition: background 0.5s linear, border-color 0.5s linear;
   -ms-transition: background 0.5s linear, border-color 0.5s linear;
   transition: background 0.5s linear, border-color 0.5s linear;
   background: #fbfbfb;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
#gkSearch_02 #mod-search-searchword:hover,#gkSearch #mod-search-searchword:active,#gkSearch #mod-search-searchword:focus {
   background: #fff;
   border-color: #ccc;
}

and not working

thanks so much!!

Use firebug addon to check if your changed class is loaded.