Advertisement:

Author Topic: Background Image  (Read 1682 times)

Offline Monday11

  • Semi-Newbie
  • *
  • Posts: 17
Background Image
« on: September 18, 2018, 12:54:45 PM »
How do I make a background image be the full width of the forum?

Online SychO

  • Lone Wolf
  • Customizer
  • Full Member
  • *
  • Posts: 664
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Background Image
« Reply #1 on: September 18, 2018, 01:56:08 PM »
You add the css property:
Code: [Select]
background-size: 100%;

Offline Monday11

  • Semi-Newbie
  • *
  • Posts: 17
Re: Background Image
« Reply #2 on: September 18, 2018, 01:58:28 PM »
Anywhere in CSS?

Online SychO

  • Lone Wolf
  • Customizer
  • Full Member
  • *
  • Posts: 664
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Background Image
« Reply #3 on: September 18, 2018, 01:59:28 PM »
Anywhere in CSS?

No, the element which you set a background image to

Offline Monday11

  • Semi-Newbie
  • *
  • Posts: 17
Re: Background Image
« Reply #4 on: September 18, 2018, 02:04:43 PM »
Approximately what line would that be?

Online SychO

  • Lone Wolf
  • Customizer
  • Full Member
  • *
  • Posts: 664
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Background Image
« Reply #5 on: September 18, 2018, 02:11:04 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.

Offline Monday11

  • Semi-Newbie
  • *
  • Posts: 17
Re: Background Image
« Reply #6 on: September 18, 2018, 02:20:33 PM »

Online SychO

  • Lone Wolf
  • Customizer
  • Full Member
  • *
  • Posts: 664
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Background Image
« Reply #7 on: September 18, 2018, 02:26:00 PM »
Themes / splat1 / css / index.css

line : 39
Add
Code: [Select]
background-size: 100%;
After saving, hit CTRL+F5 on your forum

Offline Monday11

  • Semi-Newbie
  • *
  • Posts: 17
Re: Background Image
« Reply #8 on: September 18, 2018, 02:34:17 PM »
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;
}

Online SychO

  • Lone Wolf
  • Customizer
  • Full Member
  • *
  • Posts: 664
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Background Image
« Reply #9 on: September 18, 2018, 02:35:38 PM »
Read again

Themes / splat1 / css / index.css

line : 39
Add
Code: [Select]
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

Offline Monday11

  • Semi-Newbie
  • *
  • Posts: 17
Re: Background Image
« Reply #10 on: September 18, 2018, 02:40:28 PM »
Thanks