[solved] How to add a background picture to a Basic Theme Framework

[Art-art]

Hi,

I just installed the Basic Framework: 'wireframe1colwnews.xml' from http://themes.cmsmadesimple.org/Theme_Frameworks.html in order to design a new site.

Now I come to the first hurdle: I don't manage to get a picture in the background. I tried to insert some code in the stylesheet line about the body div. The Stylesheet I assume the proper one is 'wireframe1colwnews : JSlayout1col':

Code: Select all

....
html,body
{
background:  url(uploads/images/picture.gif) no-repeat 0 12px;
margin:0;
padding:10px 0 20px
}

This doesn't work.
I verified in other stylesheets if the referred path is correct and it seems to be the case.

Perhaps someone could help me with this. Probably Mark can since he posted the Framework.

Cheers, Arthur

[Dr.CSS]

I should have never included the JSlayout in those, the one you need to use is the other layout and I would add the image to the first div, I think it's box...

[Art-art]

Hi Mark,

Thanks! I now simply removed 'wireframe1colwnews : JSlayout1col' from the attached stylesheets list and included my line of code in 'wireframe1colwnews : wframeLayout1col' like this

Code: Select all

html,body
   {
   background: url(uploads/images/picture.gif) no-repeat 0 12px;
   margin: 0;
   padding: 10px 0 20px
   }

And it works. The only thing that's left is that I need to find the code to stretch the picture along the whole screen. I guess this should be possible too.
Once again thanks.

Arthur

[Art-art]

Hi,

I just found out that css doesn't support stretching of pictures (yet). Now i need to get a bigger version of the picture. This last post is just for those reading this topic later and looking for the same solution.

Arthur