Search box header height

[gjh42]

Are you referring to the search box in the header? There is no other search currently visible while you are in maintenance mode...

If you want to move the header search down, find in your stylesheet

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

Remove the #navMainSearch, from that rule and add a new rule like

#navMainSearch {margin:0.5em 0 0; padding: 0.5em 0 0;}

If you want something else, you will have to let us see where it is.

[tate]

Are you referring to the search box in the header? There is no other search currently visible while you are in maintenance mode...

If you want to move the header search down, find in your stylesheet

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

Remove the #navMainSearch, from that rule and add a new rule like

#navMainSearch {margin:0.5em 0 0; padding: 0.5em 0 0;}

If you want something else, you will have to let us see where it is.

Dear gjh42,

Thank you very much for your fast reply.
Yes, I mean the search box in the header. It looks quite inconsistent with other bars.

I could not find the code in stylesheet:

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {

It does have a section though:

#navMainSearch {

float: right;

}

So I just pasted the proposed code into stylesheet.css, but nothing happened.

#navMainSearch {margin:0.5em 0 0; padding: 0.5em 0 0;}

I am using zen cart v1.3.9h and the file is in /includes/templates/template_default/css

Please help...

Thank you very much
Tate

[gjh42]

The stylesheet is one of a few files that will always be located in your custom template folders - the /template_default/ version will be irrelevant.

Look in /includes/templates/your_template/css/stylesheet.css.

[tate]

The stylesheet is one of a few files that will always be located in your custom template folders - the /template_default/ version will be irrelevant.

Look in /includes/templates/your_template/css/stylesheet.css.

Hi gjh42,

You are very good... thank you.. I think we are getting close, but not there yet..
I can see the height of the bar is reducing after I modified the file as instructed, but it is not yet consistent with others.

Any way I can reduce even more?

Thanks a bunch --

Tate

[gjh42]

You have a duplicate stylesheet named stylesheet!.css, and that will override many changes you make in stylesheet.css. If you wanted a backup copy, you need to save it elsewhere, or else name it like stylesheet.bak, as anything named style*.css will be loaded in alphabetical order.

[gjh42]

The major element taking extra height there is a <br class="clearBoth">, which you would have to change in tpl_header.php. You could replace it with <div class="clearBoth"></div> which will have no height.

[tate]

The major element taking extra height there is a <br class="clearBoth">, which you would have to change in tpl_header.php. You could replace it with <div class="clearBoth"></div> which will have no height.

Thank you very much.. this is a good place indeed and I really appreciate your help ~

Tate

[tate]

Thank you very much.. this is a good place indeed and I really appreciate your help ~

Tate

Dear gjh42,

It is Tate again...

I found what was modified does not work on IE.. as most of my customers are IE users.. I need to optimize the layout for IE..

Have a few questions and help you can lend me a hand --

the site (please use IE to view the link below):

http://www.superhairfactory.com/shop...or_maintenance

1. I would like to move the search box in the top header to the right side of the header (all the way to the rightmost), how should I modify it?
2. the "Home :: Down for Maintenance" is a bit too high (what is this called? ezpage?) and it takes the space for the top banner, how should I modify the system?
3. the bestseller sidebox on the right, like point 2, is too high, how should I modfiy the system? so the sidebox is as high as the category side box on the left?
4. how do I modify the height of the top header like what was asked in the previous posts for IE?

Thank you
Tate