Moving Sidebars and Entries

Dec 06, 2010 03:47

Hi! It's me again. >.> My journal is here: dinahqueen and that is the header I'm currently trying to use.

What I'm trying to do is remove the titles on the sidebars, and shift the sidebars as well as the entry content to overlap with some of the header like this: ( Image Here )

sidebar:headers, sidebar:placement

Leave a comment

Comments 3

Try this - CSS anarano December 6 2010, 09:54:15 UTC
Hi,

to remove sidebar titles, add this to your CSS:

.widget-header {display:none}

to move your tags sidebar a bit higher, add this:
#beta-inner {z-index:10; margin-top:-15px}

to move your profile sidebar a bit higher, add this:
#gamma-inner {z-index:10; margin-top:-5px}

The z-index-number puts the sidebar content into the foreground. You'll have to experiment a little bit with the margin-top-numbers, i.e. what you like best.

Good luck,
Ana

PS:
The Internet Explorer moves your header-image to the right and cuts then a part of the picture. You can change your CSS to avoid this (works in IE and Firefox):

#header-inner
{background-position: center left;}

Reply

Re: Try this - CSS anarano December 6 2010, 09:55:41 UTC
{background-position: left;}

...insted of "center"

Reply

Re: Try this - CSS dinahqueen December 6 2010, 17:51:16 UTC
Thanks so much! That worked perfectly and adding the z- modifier to the alpha-inner also let me raise up the content box where I wanted it to!

Thanks for the speedy response. :D

Reply


Leave a comment

Up