Shape 5

Joomla Templates => Gamers - Club => : Banshii December 27, 2013, 11:32:58 PM



: Background is no-repeat, but does anyways.
: Banshii December 27, 2013, 11:32:58 PM
I have it set in the back-end  in gamers template > backgrounds for the background set to no-repeat, top center and scroll. However, when I scroll down, the background repeats itself. It's a 1920x1080 background, so when the page is up it looks great. But when you scroll down, rather than there just being a blank black background, the background image repeats. Upon inspection in the browser, it also shows no-repeat. Not sure how to fix this.

Edit: Also, is there an easy way to change the main content area colors... background color and text? Or must that also be set in the .css file? I was hoping I overlooked that option in the template backend configuration page.


: Re: Background is no-repeat, but does anyways.
: sarrene December 28, 2013, 04:06:11 PM
You will want to look in your template.css file and find body
Here is what i have for my site, as I do not want the background image to scroll.. and it works perfectly:
:
body {
    background: url("http://triadmain.com/images/1dr/showcase/bg/bg01.jpg") no-repeat scroll center top #000000;
}


This should work for you if you put it in your template.css around line 2 : (colour background depends on what you want, so change that as you need.)
:
body {
    background: none no-repeat scroll center top #000000;
}

One thing is to make sure you do not have any other css after that overriding the current near the top of the css file. If you have anything else for body below it, it will override what you want to have.

You can post up the url so we can take a look. :) always helps of course.

Peace,
Sarrene'


: Re: Background is no-repeat, but does anyways.
: mikenicoll December 28, 2013, 09:54:14 PM
Hello banshii,

If you still require assistance after reading the above post just let us know!

-Mike


: Re: Background is no-repeat, but does anyways.
: Banshii December 29, 2013, 04:32:32 AM
Thank you for the help.

From what you said, I figured out that it was caused by the custom background setting configured through the templates configuration on the back-end.

So what I did was removed that, and did it via CSS like you suggested, and it works great:

:
body {
    background: url("../../../images/bg_01.jpg") no-repeat scroll 0 0 #000000;
}

Thanks again!


: Re: Background is no-repeat, but does anyways.
: mikenicoll December 31, 2013, 06:05:36 PM
NP

-Mike