News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

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.
When in Emor, do as the Snamors.
                              - D. Lister

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.
When in Emor, do as the Snamors.
                              - D. Lister

Advertisement: