News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Background Image

Started by Monday11, September 18, 2018, 12:54:45 PM

Previous topic - Next topic

Monday11

How do I make a background image be the full width of the forum?

SychO

You add the css property:
background-size: 100%;
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Monday11


SychO

Quote from: Monday11 on September 18, 2018, 01:58:28 PM
Anywhere in CSS?

No, the element which you set a background image to
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Monday11

Approximately what line would that be?

SychO

Quote from: Monday11 on September 18, 2018, 02:04:43 PM
Approximately what line would that be?

I wouldn't know, I assumed you already knew considering your question
post a link to your forum I'll tell you where to add that.
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


SychO

Themes / splat1 / css / index.css

line : 39
Add
background-size: 100%;

After saving, hit CTRL+F5 on your forum
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Monday11

This is what I see:

line 33-40
/* Set a fontsize that will look the same in all browsers. */
body
{
   background: #000000 url(../images/theme/back.png) no-repeat 0 0;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 0;
}

SychO

Read again

Quote from: SychO on September 18, 2018, 02:26:00 PM
Themes / splat1 / css / index.css

line : 39
Add
background-size: 100%;

After saving, hit CTRL+F5 on your forum

I told you what you need to do
line 39 would be
padding: 0;
add the code after it
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Monday11


Advertisement: