Jump to content
Sign in to follow this  
gremmie

Sidebar Size (Margin and Padding?)

Recommended Posts

Jackey
I guess these two lines in your Custom CSS move the two sidebars up. [code]#sidebar1 {background-color:#FFFFFF; margin-top: -220px;} #sidebar2 {background-color:#FFFFFF;margin-top: -220px;}[/code]

Share this post


Link to post
Share on other sites
gremmie
Modifying these two data points only changes the position of the content in the sidebar and doesn't affect the strange effect that makes it push into the header.

Share this post


Link to post
Share on other sites
Jackey
No... and these lines in your custom code pushes the content back down the sidebar again... [code].single-post #sidebar_primary { margin-top: 205px; }[/code] I think you can remove all three lines to fix the problem.

Share this post


Link to post
Share on other sites
gremmie
That doesn't work. I just tried it. It pushes everything to the top.[img]http://www.gremmie.net/wp-content/themes/platformpro/images/Untitled-2.png[/img] That code is in there for a reason. It doesn't have any effect on the main page for some reason but affects pages and single posts: http://www.gremmie.net/testblog/ versus http://www.gremmie.net/testblog/2012/01/17/updates-added-versus-vitalogy-redux-bonus-tracks/

Share this post


Link to post
Share on other sites
Jackey
Again... If you want it to look like this: [IMG]http://i.imgur.com/vRBFu.png[/IMG] Remove these lines from your custom code: [code]#sidebar1 {background-color: white;margin-top: -220px;} #sidebar2 {background-color: white;margin-top: -220px;}[/code] [code].single-post #sidebar_primary{margin-top: 205px;}[/code] and change this one: [code].scolumn-pad {padding: 0 0px 10px 0px;font-size: 1.1em;}[/code] Or maybe elaborate why you lift your sidebar up 220 pix into your header.

Share this post


Link to post
Share on other sites
gremmie
The reason I have code in there is because on the main page, it now looks like this: http://www.gremmie.net/testblog/ Otherwise your solution worked. But now I have to fix the main page.

Share this post


Link to post
Share on other sites
Jackey
Okay see what you have done... There is a better way to but a feature slider alongside a sidebar. Please read the last post of this thread: [url="http://www.pagelines.com/forum/discussion/16671/features-2-doesnt-work-without-features-1/p1"]features-2-doesnt-work-without-features-1[/url] I think you better of fixing the first page, than undoing your trick on all the other pages.

Share this post


Link to post
Share on other sites
Jackey
You can however do this: body.blog #sidebar1 {background-color: white;margin-top: -220px;} body.blog #sidebar2 {background-color: white;margin-top: -220px;} body.blog .single-post #sidebar_primary{margin-top: 205px;} body.blog .scolumn-pad {padding: 10px 0px 10px 0px;font-size: 1.1em;} So those lines only apply to your blog page.

Share this post


Link to post
Share on other sites
gremmie
Perfect. The second solution worked great. Thanks very much.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×