Click here to register or to donate.Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

[SOLVED] Sidebar Position

#1

Feb 20, 2013, 11:41 AM

megnificent13

7 posts · Apr 2012

Hi - I need to have my left sidebar start 478px BELOW the header. I have tried everything - absolute positioning, margin-top, etc... but nothing is moving my sidebar DOWN. Here is what I currently have:

thanks for the reply juggledad, unfortunately that did not work... nothing moved at all... I tried position absolute, relative, fixed and changed the top and bottom... also tried margin-top... I have no idea why nothing seems to be working for this sidebar!!! I appreciate your time on this!

#4

Feb 20, 2013, 02:31 PM

lmilesw

10,174 posts · Jul 2009

Central New York State USA

Try this
In the Left Sidebar style box change the margin-top to 360px and add display: inline-block

HTML Code:

display: inline-block;
margin-top: 360px;

__________________~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

That worked! thanks so much! Juggledad, I put the css in the theme options > add html/css area... I tried it there and in the actual css.php file as well... I appreciate both of your help! How do I donate to you guys?? thanks!!

#7

Feb 20, 2013, 05:30 PM

juggledad

23,713 posts · Mar 2009

OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome

Larry's solution was correct. What was odd was I used firebug to test what I geve you and it worked for me and not for Larry and as I increased the number (using the up arrow) it suddenly would snap to the top again...a bug in firebug me thinks.

I just noticed an issue... the black background does not extend down the page anymore ... like the content on the right goes further down and I want the whole sidebar to extend all the way with it.. see what I mean here..

To accomplish what you want will take a "rethinking" of all the elements. For instance the background image should probably be added to perhaps the wrapper or maybe the header. You may also have to add a background to the tablerow like you want the left sidebar and then add a white background to #middle.

You might have to create a background image for the sidebar that has a transparent area at the top instead of using display: inline-block.

The list goes on and on but hopefully that will give you a heads up.

__________________~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

#13

Feb 28, 2013, 07:43 AM

megnificent13

7 posts · Apr 2012

Hi guys! Sorry for the delay on this... So here is what I did without getting too crazy ... I just kept everything how it was and then I am just adding blank widgets in the left sidebar until the black background goes all the way down! I know this is not idea but it will work for now. I am actually trying to get the client to do a whole redesign so we will see! I want to thank you so much for all of your help!!! =)