Ask your WordPress questions! Pay money and get answers fast!

Need Background Image inserted in Wordpress WordPress

SOLVED

OK, the site is http://organicdigital.com/prama.

I need the background border to look like this: http://eomega.org/
(note the shadow and also that there is a white margin between the thin black line and where the blue starts). I have the border image.

I think this should be pretty easy for a css expert. I'd like this *done* rather than instructions to figure out. Please PM me if you are interested and I will send you ftp details.

Thanks.

2010-12-10 by John Gray

Answers (6)

2010-12-10

Geet Purwar answers:

Sure John.

Geet Purwar comments:

Sure John.

Geet Purwar comments:

Sure John.

Geet Purwar comments:

All set John.
Please check out.

2010-12-10

Jim Dugan answers:

You don't need an image, just a box shadow.
First, wrap all your content in a <div id="container"> (that should be just after <body> and a </div> should be just before</body>)

Then add this to your css:

#container {
background-color:#fff;
-webkit-box-shadow: 3px 3px 15px #333;
-moz-box-shadow: 3px 3px 15px #333;
box-shadow: 3px 3px 15px #333;
}

eomega does it with an image background for the body tag:
body {
background: url("i/background_shadow.gif") repeat-y scroll 50% 0 #408099;
color: #333333;
font: 11px Arial,Helvetica,sans-serif;
margin: 0;
padding: 0;
}
but that's old school. Better to do with CSS.

Note that you'll want to set background colors for your <body> and #container.

2010-12-10

Pippin Williamson answers:

I can do it for you: [email protected]

2010-12-10

Nilesh shiragave answers:

upload the attached image inside your themes images folder.

and add following code inside your theme's style.css file inside the body tag
file is located at
http://organicdigital.com/prama/wp-content/themes/magnificent/style.css

add this line inside body tag
background:url(images/background_shadow.gif) repeat-y top center;

so final body tag will be

body { line-height: 18px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #232323; background:url(images/background_shadow.gif) repeat-y top center; }

Nilesh shiragave comments:

If you want i can do that for you.. send me FTP details..

2010-12-10

Marvin Shaker answers:

Open Up Style.css

Replace
body {
background: url(http://organicdigital.com/prama/wp-content/themes/magnificent/images/body-bg.png);
color: #232323;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
}

With

body {
background-attachment: initial;
background-clip: initial;
background-color: #408099;
background-image: url(http://eomega.org/i/background_shadow.gif);
background-origin: initial;
background-position: 43% 0px;
background-repeat: no-repeat repeat;
color: #232323;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
}

2010-12-10

idt answers:

If you let us see your background image then we should be able to provide you with the exact style needed to achieve the layout you wanted.