Search in navbar size changes on different pages

[jziegler]

I recently added a search box to my navbar, and then changed my homepage to stretchy as I was making some updates to my site. I just noticed that after making those changes, the search box is a different size on the homepage and category pages than it is in the galleries themselves. On the homepage and category pages, the end of the search lines up nicely with the end of my banner. It does not when you are in a gallery. Any ideas on what may be causing the difference? Link is in my sig.

Thanks

[Allen]

I recently added a search box to my navbar, and then changed my homepage to stretchy as I was making some updates to my site. I just noticed that after making those changes, the search box is a different size on the homepage and category pages than it is in the galleries themselves. On the homepage and category pages, the end of the search lines up nicely with the end of my banner. It does not when you are in a gallery. Any ideas on what may be causing the difference? Link is in my sig.

Thanks
See if adding this to your CSS solves the width differences.

#searchWords {width: 75px;}

[jziegler]

See if adding this to your CSS solves the width differences.

#searchWords {width: 75px;}

Allen,

It makes the homepage match the other pages with the narrow box, but I'd prefer the wider width on the homepage. I tried 145px to match the area in the navbar, but that does not seem to affect the galleries. Could something in the theme cause this?

Thanks for helping.

[Allen]

Allen,

It makes the homepage match the other pages with the narrow box, but I'd prefer the wider width on the homepage. I tried 145px to match the area in the navbar, but that does not seem to affect the galleries. Could something in the theme cause this?

Thanks for helping.
Add specific rule for the homepage. 150 is the default homepage width.

#searchWords {width: 75px;}
.homepage #searchWords {width: 150px;}

[jziegler]

Add specific rule for the homepage. 150 is the default homepage width.

#searchWords {width: 75px;}
.homepage #searchWords {width: 150px;}

Thanks, but I just looked at the web developer toolbar and found what I was looking for. I added #searchWordsShort { width: 145px; } and that took care of it. I saw it in the CSS, tried it out and it works. I suppose I should learn CSS sometime so I can figure this stuff out more easily myself.

Any ideas why it would use searchwords on some pages and searchwordsshort on others? Is it the gallery style or perhaps in the theme?