Banner fix for sidebar not working properly with boxes

[jordana_che 0]

Hi, I am using the css fix to get a sidebar on the same page as my banner pages; am trying the same with boxes but the sidebar widget keeps moving and isn't working consistently. Can you please advise? here's the css for both: #banners .banner-area{width:540px} #banners .clear{display:none} .page-id-222 #sidebar-wrap{margin-top:-340px} .page-id-254 #sidebar-wrap{margin-top:-340px} #boxes .boxes-area{width:540px} #boxes .clear{display:none} .page-id-257 #sidebar-wrap{margin-top:-237px} the page in question: http://jordanadance.com/banner-test-page as soon as I log out of the admin panel it moves up to a different spot in Firefox; however not in Safari, Thanks for your help, Nancy

[catrina 103]

Everything appears to be in the right position from what I can see on Firefox for Mac. Can you post a screenshot of what you see?

[jordana_che 0]

Here you go; one is with the banners (and the sidebar is correct); the other with the boxes (on Firefox 4.0.1) which is not correct. boxes pic: www.nancymagarill.com/Pagelines%20pics/box%20page.tiff Banner pic: www.nancymagarill.com/Pagelines%20pics/banner.tiff thanks!

[Kate 3]

Hi Jordana, It seems to me it's just a difference in CSS styling between pages. Please try adding this to your custom CSS and seeing if it fixes the issue:

.mcolumn-pad{padding-top:10px !important;}
	.scolumn-pad{padding-top:10px !important;}

[jordana_che 0]

it's working on that page but now throwing off the others. is there a way to isolate that just to the box pages?

[jordana_che 0]

actually, it's not working properly in firefox either (I had checked in Safari). I've left it in so you can view. www.jordanadance.com http://jordanadance.com/banner-test-page thanks.

[cmunns 16]

Find the page-ids of the box pages as you have in the original posted code

[jordana_che 0]

Adam, thanks, tried it like this but I it's still not working in Firefox...guessing syntax is wrong? #boxes .boxes-area{width:540px} #boxes .clear{display:none} .page-id-257 #sidebar-wrap{margin-top:-237px} .page-id-257 .mcolumn-pad{padding-top:10px !important;} .page-id-257 .scolumn-pad{padding-top:10px !important;} thanks!

[timlinson 3]

Syntax seems fine to me. Are you saying that this works for all pages: ` #sidebar-wrap{margin-top:-237px} .mcolumn-pad{padding-top:10px !important;} .scolumn-pad{padding-top:10px !important;} ` but this doesn't do anything? ` .page-id-257 #sidebar-wrap{margin-top:-237px} .page-id-257 .mcolumn-pad{padding-top:10px !important;} .page-id-257 .scolumn-pad{padding-top:10px !important;} `

[jordana_che 0]

no I'm saying that it doesn't fix the problem on the page that I'm having the problem with: http://jordanadance.com/banner-test-page (in Firefox). thanks!

[Kate 3]

Hey Jordana, I'm in Firefox, and that's where I tested the code before. (But, on a PC, not a Mac.) Right now, on the link you sent, it appears the right column is now all the way to the top, touching the header.

[jordana_che 0]

yes, and that is not correct. It will help a great deal if you can read the other posts before and then we don't go around and around. Thanks! If you also look at the other pages on the site you can see where I would like that sidebar to be.

[catrina 103]

Try this code:

.page-id-257 #sidebar-wrap div.scolumn-pad {margin-top:-237px;}

[jordana_che 0]

No, not working; now I have this: #boxes .boxes-area{width:540px} #boxes .clear{display:none} .page-id-257 #sidebar-wrap{margin-top:-237px} .page-id-257 .mcolumn-pad{padding-top:10px !important;} .page-id-257 .scolumn-pad{padding-top:10px !important;} .page-id-257 #sidebar-wrap div.scolumn-pad {margin-top:-237px;} I tried taking some out; playing with different - px and -px combinations...not working...

[Kate 3]

Hey Jordana, I appreciate your frustration, but I did read the other posts and checked out the screenshots. When I checked it out the other day, from what I understood there was too much space, not a lack of it. In any event, please erase those lines you posted above, and replace them with this:

.page-id-257 #sidebar1{margin-top:-200px;}

By changing that value, you can move the sidebar up or down.

[jordana_che 0]

Kate, that seems to work! Thank you so much.