How to add a module background image?

[Jeff Lynn]

Hi, can anybody share the code for a adding a background image to the modules?

As you can see in the pic I attached, I found a code to add an image to the module headers, but now I want the code to add an image to the module's backgrounds.

Thanks

PS: I am working on making a nice dark black ning layout and if you help me I will share the layout when it's finished.

[Jerry White]

Jeff, do you want to add a different image to each module background or one image that will cover all the module backgrounds.

[Jayne]

Hi Jeff, just put your code where it says 'put jpg code here'

/* Module Body Background (Individual Modules) */
.xg_module_body{
background-color: transparent !important;
background-image:url(put jpg code here);
background-position:center 0px;
background-attachment:relative;
background-repeat:repeat;
border: none;
}

Change if you want it to not repeat to repeat:no-repeat;
or 'relative' to 'fixed' if you want the pic fixed.

Hope this helps.

It doesn't always look good with a pic here though I must add. I always put mine in the border headers and enlarge the boxes.

[Jeff Lynn]

Thank you

[james bryan]

Hi i need help. can any one teach me how to add a different image in each module?

[Julia]

Would you mind sharing the code for module header image? I can't figure it out :(

[Jayne]

/* Module Head Picture and Border */
.xg_module_head {
background-color: transparent !important;
background-image:url(add your picture here);
background-position:center 0px;
background-repeat:no-repeat;
height:45px;
border: 6px inset #000000;
}

[Julia]

oh wow thank you so much!!!

[Lasse Koivisto]

Ok, it iis a dum question but, If i have a picture in my computer what will be the code for the picture? I need to first upload it to the network?

[Jayne]

You need to upload the picture to a photo sharing site like Tinypic or photobucket Lasse, or you could put it into a comment box on your page via the 'camera icon' and before you hit to leave the comment take the code that comes up.

[Lasse Koivisto]

Thanks very much....Another question...this code here that you gave us...

.xg_module_head {
background-color: transparent !important;
background-image:url(add your picture here);
background-position:center 0px;
background-repeat:no-repeat;
height:45px;
border: 6px inset #000000;
}

Add in my test page the image to the About Box and in the Box where my name is, not in the head of the page where the title is. What is happening?

[Jayne]

That must be old code, sorry, try this one.
It's part of what I'm using now.

/* Main Background */
body {
background-color: transparent!important;
background-image:url(add picture here);
background-position:center 0px;
background-attachment:fixed;
background-repeat: repeat;
font-family: Georgia;
}

[Lasse Koivisto]

Yeahhhh...That IS what i was looking for...


Thanks again...