I was just wondering if someone could help me with a small CSS problem I'm having.
I am working on a template for my blog, and it's almost finished, save one issue. I added a background image to the CSS which used to dictate that there was only to be a background color. After I did this, I worked out some small things on the CSS code and it turned out pretty well, except for one thing. The old blog template CSS somehow managed to make a border around the, but when I switched over to using a background image, the border was lost.
This is the old CSS code that I replaced:
Expand|Select|Wrap|Line Numbers
- body{
- background:#DCDCDC repeat center 0;
- color:#7E7E7E;
- font-family: Arial, Helvetica, Sans-serif;
- font-size: 13px;
- margin:0px;
- padding:0px;
- }
And this is the new code with the background image:
Expand|Select|Wrap|Line Numbers
- body {
- background: #000000 url(http://2.bp.blogspot.com/-kyNrJYgWWGg/TxY1jOX1ItI/AAAAAAAAAGQ/DSuW6EgNxLE/s1600/BG.png) no-repeat center 0;
- color:#7E7E7E fixed;
- }
- .body-fauxcolumns .fauxcolumn-outer div, .body-fauxcolumn-outer .cap-top .cap-left {
- background:none;
- }
I've included 2 pictures as attachments to help clarify what border I'm referring to. One shows the old border that I wish to get back, and the other shows what the new template looks like, without said border.
If you need a live page to look at, you can find the site at kingdomeyes.blogspot.com
Any help would be massively appreciated.