Page 1 of 1

adding sidebar background

Posted: Sat Jul 05, 2008 7:24 am
by wickeddiana
I tried adding a background image to my sidebar but it doesn't seem to work. The image doesn't show up. I am modifying the dafult theme and so far have had everything else look right except for that.

I have been trying to add the code into the sidebar div section. Not sure if there is something else I need to do to make it actually show up.

Can anyone explain how to do this right just in case I am doing something wrong.

Thanks

Re: adding sidebar background

Posted: Sat Jul 05, 2008 1:34 pm
by tannos
yep
Can you add your CSS otherwise we can't help.

Re: adding sidebar background

Posted: Sun Jul 06, 2008 1:04 am
by wickeddiana
Sure. Here is the code where I am trying to add my background image.



div#sidebar {
background-image: url (http://moongoddessdesign.com/images/mgd_sidebar.jpg) no-repeat;
background-color:#;
background-position: top; 


  float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX IE double margin bug */
  margin-left: 2%;
}


thanks

Re: adding sidebar background

Posted: Sun Jul 06, 2008 3:55 am
by kermit


works.. (note: i added the matching background color)

and to fill in that background color to bottom of containing div...



Image

if you're gonna write the css longhand...

background-image:url(http://moongoddessdesign.com/images/mgd_sidebar.jpg);
background-color:#d4dadc;
background-position: top;
background-repeat: no-repeat;

Re: adding sidebar background

Posted: Sun Jul 06, 2008 4:08 am
by wickeddiana
Thanks so much. That definitely worked. :)