Author Topic: How to Center MAIN BODY IMAGE (no repeat)  (Read 814 times)

Offline masterolive

  • Newbie
  • *
  • Posts: 3
    • Email
How to Center MAIN BODY IMAGE (no repeat)
« on: May 19, 2012, 05:36:29 »
Hello, i wish to know where i can code the "Main Body" Backround image that repeats itself when i make changed to my browsers window size.

I originally had a longer post, but I've manage to figure many of my questions out for myself, but i still l cannot figure out how to make the background image static, and centered.

Here is the same screenshot, but please disregard everything but the red background image.


Notice the image actually repeats itself to the right,
and if i where change my browser size, the image would "Auto Adjust" even more.
what simple change must i make to disable this?

Offline ARG

  • GFX Designer
  • DS Friend
  • Hero Member
  • *
  • Posts: 5655
  • Civilian Support
    • Files4Design
Re: How to Center MAIN BODY IMAGE (no repeat)
« Reply #1 on: May 19, 2012, 07:56:49 »
Look for this in Inferno/css/index.css

Code: [Select]
#main_body {
    background: url("../images/custom/main_body.jpg") repeat-x scroll 0 0 #DEDEDE;
}

change to:

Code: [Select]
#main_body {
background: #dedede url(../images/custom/main_body.jpg) 0 0 no-repeat;
margin: 0 auto;
}

 ;)
I no longer work here. Please stop sending me messages asking for premium theme support. That is what the Support Boards are for. Thank You!