Ambassador background change

[99zippy]

Hi, was wondering if anyone can help. I'm using the default Ambassador theme and want to change the gradient background (the area outside the forum on the sides) to something else. Does it have to be a specific file with same size or can it be anything.
I have SMF 2.0.2. I've tried to find where to change it but just messed it up. Any help to steer me in the right direction would be super! Thanks in advance and a big TY Crip for some awesome work on your SMF themes!

[Crip]

hi zip,
i will check on that...my guess is , you can use most any type of background-color: or image..

Okay I checked it..
you can use an Image or color for your background....
..I suggest you add the one you want and if it's Not Fitting come back and post your problem , then we try help it work.

[99zippy]

Thanks for checking. Could you tell me exactly where I should change this image to another? That's what I'm having a problem with finding. I'm not an intermediate or expert on changing theme stuff as you may guess! lol

[Crip]

..you need to remove this from css/index.css =>

this is on the 1st line..Remove:=>

Code Select Expand


html
{
   background: #757575;
}


..then this needs to look like the code below =>

Code Select Expand


/* Set a fontsize that will look the same in all browsers. */
body {
   background: #000;  /*<===Your Background here===>*/
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}


[99zippy]

Ok, I've found that code. So what you're saying is all the background code needs to be changed to what you posted in the second part? Then if I wanted to call on a jpg or gif file, my guess is there is a proper way to call that in this code, yes?
Same idea as this forum. A picture that repeats all along the sides but doesn't on the top or bottom.

Ok, I found some info and tried this but the image isn't showing up. Just white. I've uploaded the image to several locations in SMF just to see if that was the problem. WHere do I need to put it and how can I call it properly in the code. Thanks again!

Code Select Expand

/* Set a fontsize that will look the same in all browsers. */
body {
   background-image: url ('/Themes/ambassador_2_0/images/barBGv5.jpg') repeat;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin:0 auto 30px auto;
   padding:0;
   min-width: 780px;
   width: 100%;
   max-width: 2300px;
   height: 100%;
}

[Crip]

need to remove :image:
-------------/* or try that?

Like==>

Code Select Expand


/* Set a fontsize that will look the same in all browsers. */
body {
   background: url (../images/barBGv5.jpg) repeat;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin:0 auto;
   padding: 15px 0px;
}


[99zippy]

That did it. Thanks so much for your help Crip! Slowly learning... 

[Crip]

rock n roll bro' !