Jump to content
Sign in to follow this  
aeverse

iBlogPro sidebar position issues

Recommended Posts

aeverse

Hi, I'm trying to create this design: http://www.methodikal.net/hytrainium_v3/product.html onto this installation of iBlogPro: http://www.hytrainium.com/wp-dev/products-2/ I've spent what feels like hours scouring through the forum trying to find the solution to my attempt at moving the sidebar right. attempted everything I can think of and I'm stumped. any ideas??? Thanks, Amanda

Share this post


Link to post
Share on other sites
Guest Guest

In the example you gave, the sidebar is on the left so I'm assuming you meant left instead of right. Also, on your link I can see that the sidebar is on the left as well, although I'm not sure why it's pushed down so low. Are you using the iBlogPro Page Options to accomplish this? If not, you can find them towards the bottom of each page. Here is a screenshot to show you what it looks like: mcx7p.png

Share this post


Link to post
Share on other sites
aeverse

Sorry - yes, I meant Left, as in the static layout example. And the fact that it's pushed down below the main content area is the exact problem I'm experiencing. I've selected "Left" in Page Options, and have even gone into theme.css and attempted to force the issue further with these changes:

#sidebar{
			width: 300px;
			float: left;
		}
	
		.sidebar_left #maincontent {float: left;}
		.sidebar_left #sidebar {float: left;}

Perhaps I made the mess myself while trying to fix things...

Share this post


Link to post
Share on other sites
Guest Guest

Hmmm, yeah do me a favor and take everything you did in theme.css out and if you're still having the issue I'll check it out with Firebug and try to see what's causing the issue.

Share this post


Link to post
Share on other sites
aeverse

HA! You're brilliant -- and I'm past thinking straight. Returning these lines to the original settings has fixed it. Thanks for your help. Now I can get some sleep.

#maincontent {
			width: 640px; /* width of left column */
			float: left;
		}
	
		#sidebar{
			width: 300px;
			float: right;
		}
	
		.sidebar_left #maincontent {float: right;}
		.sidebar_left #sidebar {float: left;}

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  

×