Main search margin height change in CSS

Hi. I'd like to change the margins at the top and bottom of the 'main search' box.
In the Style.CSS I can find:

.main_search {
margin-top:15px;

but not an equivalent for the bottom margin.

Can you help please?

 

Hi,
Use the below code:

Code:

.main_search {
  margin-top: 15px !important;
  margin-bottom: -2px;
}

Regards,
Sameer

 

Hi, I tried the code above but it didn't work.
The .main_search in the CSS does not control the height of the shaded bar across the page. It controls the position and size of the search box within the shaded bar.
Can you tell me how to change the height of the shaded bar? Thanks.

 

Hi,

Try using the below code it should work:

Code:

.main_search{
  padding-top: 33px;
  padding-bottom: 78px;
}

If it won't then kindly send us some edited screenshots so that I can guide you accordingly

 

Hi Sameer. I have worked it out.

In the style.css file under the #Top Strip heading find

}
.header_wrapper {
background:#e9e9e9 repeat-x bottom;
min-height:220px;
padding-bottom:16px;

The min-height can either be set in pixels or changed to /*min-height:220px;*/ and it will be neutralised.

 

Hi,

That's great if it worked it out. Also thanks for sharing your knowledge with us. Let me know if require further any assistance.