Banner width changing between Post and Category pages

[davestolte+ 0]

I have a Post page here: http://www.homebarbasics.com/?p=22 and a Category page here: http://www.homebarbasics.com/?cat=5 They both use the same Banner (where I've placed my custom site navigation) - but why does the width change and knock the graphics down onto a second line? And how to fix?

[Jenny 33]

On http://www.homebarbasics.com/?p=22, you have it set to: [code]float: left padding: 0[/code] On http://www.homebarbasics.com/?cat=5, you have it set to: [code]float: right padding: 20px 60px[/code] Consistency is key for making things look the same. :) Hope that helps!

[davestolte+ 0]

Wow, thanks! Do you know the syntax I can insert under Custom Code to get that behaving across these pages?

[Jenny 33]

It looks like you have the styling set inline within the banners themselves, so check that first. Otherwise, since /?p=22 is the page displaying properly, try adding the following to your custom CSS: [code].banner-text-pad { padding:0 !important; }[/code] I'm not sure if that's the right way to call the CSS class so hopefully it works. :) And don't worry about the "float" property for now. The padding [i]should[/i] fix it.

[davestolte+ 0]

That did it, thank you! Have a great weekend.

[Jenny 33]

Yay! Glad I could help. :) And you too!