The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Background issues

View previous topic View next topic Go down

Solved Background issues

Post by Korvic on October 10th 2012, 3:14 pm

Hello all! Korvic here, I can't seem to find where I can edit the background settings. I do not want it to tile and want it to be centered in the middle of the screen, but I have been unsuccessful at finding where I would change this. Any help would be appreciated!
-Korvic

Korvic
Forumember

Male Posts : 143
Reputation : 1
Language : English

Back to top Go down

Solved Re: Background issues

Post by runawayhorses on October 10th 2012, 3:21 pm

Try this, edit the hex color to what you want, and add your background image URL where it says to in the code, then add it to your stylesheet.

Go to AP>>Display>>CSS Stylesheet and add this code and save your settings:
Code:
body {
   margin: 0 auto;
   background-color: #000000;
   background-image: url('IMAGE URL GOES HERE');
   background-position: center;
   background-repeat: no-repeat;
background-attachment: fixed;
  width:100%;
}

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Background issues

Post by Korvic on October 10th 2012, 10:58 pm

Could I change the fixed to not being fixed? :3

Korvic
Forumember

Male Posts : 143
Reputation : 1
Language : English

Back to top Go down

Solved Re: Background issues

Post by runawayhorses on October 10th 2012, 11:14 pm

Sure you can, just change the "fixed to "scroll". Smile

Actually by default it scrolls without the "background-attachment" code, but you can just add "scroll" in place of "fixed" at the end if the line, so later if you change your mind you can fix it again. Or you can remove this line in the code or add "scroll" to it:

Code:
background-attachment: scroll;

Complete code:
Code:
    body {
      margin: 0 auto;
      background-color: #000000;
      background-image: url('IMAGE URL GOES HERE');
      background-position: center;
      background-repeat: no-repeat;
    background-attachment: scroll;
      width:100%;
    }

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Background issues

Post by Korvic on October 10th 2012, 11:17 pm

Thanks, muchly. Although now that I'm playing with this, could I have it line up with the center of the page, but at the top? My background fades out on the bottom on sides, but the top does not, and I wish to have that aligned with the top of the page, if possible. You're a great help right now. ^_^

EDIT:

Figured it out, changed the center to top. Thanks anyway, keep at it! Very Happy

Korvic
Forumember

Male Posts : 143
Reputation : 1
Language : English

Back to top Go down

Solved Re: Background issues

Post by runawayhorses on October 10th 2012, 11:25 pm

Thanks, you're welcome glad I can help. Smile

You replace "center" with "top center" like this:

Code:
background-position: top center;

Full code:
Code:
        body {
          margin: 0 auto;
          background-color: #000000;
          background-image: url('IMAGE URL GOES HERE');
          background-position: top center;
          background-repeat: no-repeat;
        background-attachment: scroll;
          width:100%;
        }

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Background issues

Post by Korvic on October 11th 2012, 3:46 am

Quite.

Korvic
Forumember

Male Posts : 143
Reputation : 1
Language : English

Back to top Go down

Solved Re: Background issues

Post by Sanket on October 11th 2012, 6:30 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum