Forum Support

Shape 5
March 28, 2024, 05:34:42 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Background is no-repeat, but does anyways.  (Read 552 times)
Banshii
Jr. Member
**
Offline Offline

Posts: 12



« on: 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.
« Last Edit: December 28, 2013, 12:47:41 AM by banshii » Logged
sarrene
Jr. Member
**
Offline Offline

Posts: 89



WWW
« Reply #1 on: 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:
Code:
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.)
Code:
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. Smiley always helps of course.

Peace,
Sarrene'
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #2 on: December 28, 2013, 09:54:14 PM »

Hello banshii,

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

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Banshii
Jr. Member
**
Offline Offline

Posts: 12



« Reply #3 on: 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:

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

Thanks again!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #4 on: December 31, 2013, 06:05:36 PM »

NP

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.