23 replies to this topic

[steelmayhem]

How can I remove the white margin around the banner top and bottom?
I checked in forum and saw this below but it didnt work.

#branding .content-pad{padding-top:0px;}

[batman]

Hi
I'm not sure, but you can try

Please Login or Register to see this Hidden Content

I hope you serve

[catrina]

In the code you pasted you may want to try adding padding-bottom: 0px; to it in addition to margin: 0px;

[steelmayhem]

I still have some white margin on top and bottom. here's what I have in code. any suggestions. #banners .banner-area { margin:0px;} #banners .banner-area { padding-bottom: 0px;}

[batman]

You can try:

Please Login or Register to see this Hidden Content

to see if you like.
I??m a newbie trying to learn ... I don??t quite understand you need, my apologies.

[steelmayhem]

I got rid of the top margin completely. The bottom margin got better but there's still some white left. Id like it to sit on top of it. any suggestions? thanks for your help

[batman]

Hi again @steelmayhem
For the bottom margin try:

Please Login or Register to see this Hidden Content

I hope you serve

[catrina]

Try @batman's solution above and let us know if it works.

[steelmayhem]

I tried but no luck. any suggestions?

[Stefan]

Hey there,

Try

Please Login or Register to see this Hidden Content

However, your banner width is not equal to the nav width.. make sure you increase it, it will look better

[steelmayhem]

@stefan, I have increased my banner width but its not increasing on the website. is there something in the settings I can do to adjust the length? Also, the bottom margin helped a little bit but there's still space. Ive tried increasnig the number but no luck either.

[Stefan]

So I see it correctly now, there is no white space under the banner (above the nav):

Please Login or Register to see this Hidden Content

However, there still is 2px of space above the banner, so make sure you add the margin-top: -2px; as well. About the banner, try increasing only its width, not also the height. If you adjust both of them, it will have the same ratio and will be display the same I think. Not sure about it though! You could also alter the width with custom CSS but it will look stretched...

[steelmayhem]

@stefan yes, I already tried just the length adjustment but no go. it was 1075 originally then increased the length to 1085 and it was the exact same length appearance. any suggestions for custom code?

also, i took 2 screen shots of firefox and IE to show the white space..whats going on?? i cleaned history just in case.

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

[Stefan]

Ah, IE and Firefox... I will check them out but cannot do it right now, I'm on a Mac without FF installed.

Meanwhile, this should do the trick for the bg image. It works fine in Chrome

Please Login or Register to see this Hidden Content

[steelmayhem]

yes, the banner is fixed! thanks..just let me know when you can about the different browser problems showing white space. thanks for your help!

[Stefan]

Sure thing, I'll test them and get back at you tomorrow! Glad the banner is solved In the meantime, if anyone else has an idea or some input feel free to post.

[steelmayhem]

@stefan or anyone else, any luck with the latest issue on different browsers seeing white margin space below the header banner? IE and firefox see it but safari doesnt.

[Jenny]

I'm not sure about the browser thing other than each browser interprets differently, but you have an error on your site that I wanted you to be aware of:

Please Login or Register to see this Hidden Content

Missing the closing 'span'.

[steelmayhem]

@smple_mama thanks! I still need help removing the white margin space below banner. its showing up in IE and firefox but not safari.

[catrina]

You may want to try the browser-specific CSS plugin in the PageLines store to add CSS that will adjust the white margin space in specifically IE.