News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Background

Started by Neverminddw, March 30, 2020, 06:49:54 PM

Previous topic - Next topic

Neverminddw

Hi.
I'm using SMF 2.0.17, and the theme I'm using has a black background, which I wish to replace with an image.

Can someone show me step by step, please?
Thank you!

Sir Osis of Liver

index.css



body
{
background: #000 url(../images/galilee3.jpg) no-repeat fixed;
background-size: 100%;
font: 95%/90% Verdana, Helvetica, sans-serif;
margin: 0;
padding: 20px 0 4px 0;
}



You can play with the formatting.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Neverminddw

Thanks for answering, but I still have some unclear things.

So the formatting in my forum's theme is:
/* Set a fontsize that will look the same in all browsers. */
body
{
   color: #888;
   background: #0e0e0e;
   font: small Verdana, sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}


I need to upload my background image to "theme/images" folder, that is done.
But how should I replace this code?

Sir Osis of Liver



background: #000 url(../images/yourimage.jpg) no-repeat fixed;
background-size: 100%;



That will give you a fixed bg with image displayed once at top filling horizontally.  There are other display options once you get the image working.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Advertisement: