[solved] How to i make a black slim border around my page ?

[Donner]

Hi

im running a white clean theme here, but, some say it looks like the page is not finish.

 

so i want to add, a border around the whole page.

 

take a look

 

www.export-asia.com

We wholesell Tablet computers, Iphine 5 covers and CCTV camera, so i want it to look nice.

 

look at tha attached photo, that is what i want.

 

I am open for other suggestions ?

 

I am willing to pay a 20$ fee if some one have a more "advaned" option. such as an shadow effect or something that will make it look Hot

 

Jesper

Edited October 14, 2012 by Donner (see edit history)

[Kay van Aarssen]

Search you're global.css for:

 

 

#page {
width: 980px;
margin: 0 auto 2px auto;
text-align: left;
}

 

Replace it by:

 

#page {
width: 980px;
margin: 0 auto 2px auto;
text-align: left;
border: 1px solid black;
}

 

(add the)

border: 1px solid black

 

Or make it thicker, and an other color with #282828

 

if you want a shadow:

 

box-shadow: 0px 0px 7px 7px #000000;

 

Change the values to what you want...

 

Now it looks like:

 

 

http://cl.ly/image/062S2D3T0C0a

 

 

 

Add this if you just want a little bit of shadow:

 

box-shadow: 0px 0px 12px -5px #000000;

 

It's this result.

 

http://cl.ly/image/430V3T411n45

Edited September 29, 2012 by djkavaa (see edit history)

[Donner]

box-shadow: 0px 0px 12px -5px #000000;

 

goes after border: 1px solid black

 

so

 

#page {

width: 980px;

margin: 0 auto 2px auto;

text-align: left;

border: 1px solid black;

box-shadow: 0px 0px 12px -5px #000000;

}

 

Correct ?

[Donner]

Well it works

 

F... GREAT!!!

 

Well done

 

you just became my very best friend !!

[Kay van Aarssen]

No problem