Search box header height

[KarenLR]

I have read all of the threads about the search box height but either there weren't any replies or the answers given didn't work for me. I know this is probably basic css, but I just can't figure out how to do this.

I am using an image for the side boxes that is set in size. It doesn't look right if it repeats. The search box header is about 2-3 pixels bigger in height than all of the others. I need to either reduce this so that it matches the others (preferred) or make a larger image and have it show up just in the search box header.

Can someone please help me with this? I've been trying to figure this out for two days now and it's driving me crazy!

Thanks in advance!

[yellow1912]

For question regarding html code and such, please always provide a link to your site so we can check on it for you.

[KarenLR]

Sure, it's just a test site that I'm using to learn zencart.

http://www.artofstitching.com/shopping/

If you notice, the search box header image starts to tile and doesn't look right.

[missuseless]

Hi!
I am actually struggling with the same problem. And it is not only the search heading box, but also the manufacturers heading box. Maybe someone can help us?

[missuseless]

Have you tried :

background-repeat: no-repeat;
in the style sheet,
inside the code where you put the link to your background image?

[gjh42]

Try

#searchHeading label {line-height: 1.1em;}

Make a similar declaration for any other box headers that need reducing.

[KarenLR]

missuseless, I didn't get a chance to try what you suggested but thank you for trying to help!

Glenn, thank you very much! That worked perfectly. I was close, but didn't quite get it right. If you were in the room I'd give you a big old sloppiy kiss right on the forehead.

I'm just so excited to finally get it fixed, can you tell? Perhaps I need to get a life...

missuseless, I hope this works for you as well!

Thank you again, both of you!

[missuseless]

Hi Glenn,
thank you very much. You solved my problem.

This is for Karen:
If you decide to have font instead of a picture in your heading, you got to change your code to:
h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label,

h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {

font-size: 1em;

color: #your color;

}
that solves the problem with the different font sizes of the headers.
I hope you can carry on with your work.
bye

[KarenLR]

Actually, the image I used was for the background and so the font size did need to be adjusted. I was concentrating so much on the height of the search that I didn't notice the slight difference in the font sizes.

Thanks for bringing it to my attention. I've adjusted the code so now it's all the same.

Thanks again!

[tate]

Hi Glenn,
thank you very much. You solved my problem.

This is for Karen:
If you decide to have font instead of a picture in your heading, you got to change your code to:
h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label,

h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {

font-size: 1em;

color: #your color;

}
that solves the problem with the different font sizes of the headers.
I hope you can carry on with your work.
bye

Hello,

I am having the same problem with the search box height..
I tried the proposed approach, but does not work on the site..

can somebody please take a look at the site and advise how I should go about fixing the height on the search?

the site address;

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

I am using v1.3.9h

thank you very much