Forum Support

Shape 5
March 29, 2024, 08:13:59 AM *
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 image (or colour change) not working  (Read 576 times)
Winemakeri
Jr. Member
**
Offline Offline

Posts: 14



« on: January 10, 2014, 09:27:46 AM »

I seem to be missing something obvious.

From the forum postings I have read, to change the background colour or to use an image I edit line 3 of the "template.css" file.

However, when I do that (see code below) and upload my "body_bg.png" file to the images dir it doesnt show up on the page.

Even the dark blue colour (#34187) doesnt show up, which is what I would expect to happen if the png file wasnt uploaded.

template.css
body  {
    background: url("../images/body_bg.png") repeat scroll 0 0 #134187;
   color:#717171;
   font-size:0.8em;
   line-height:170%;}

What am I missing? Is there some other place (or css file) that has the body background listed?

My url is:
http://zeus.canspace.ca/~winemake/cms/

Thanks.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: January 12, 2014, 10:02:00 PM »

Hello,

You can change any backgrounds now directly in the Template Manager under the Backgrounds Tab. Here you can specify a color or image to certain areas of the site. The default background of the site is called from this line in the Template.CSS

body {
    background: url("../images/s5_bg.jpg") repeat scroll 0 0 #A9A9A9;
    color: #717171;
    font-size: 0.8em;
    line-height: 170%;
}

So to change this to your own all you should need to do is just upload your own image named s5_bg.jpg and it will use that image instead. Or you can modify the code pointing to the name of your new image as well.

-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
Winemakeri
Jr. Member
**
Offline Offline

Posts: 14



« Reply #2 on: January 13, 2014, 10:33:27 AM »

Thanks Mike,

I somehow overlooked that tab.

The background image works for me now, although when I remove the *.png file from the Background Tabs in Template manager (as a test) the background colour I choose doesnt seem to be applied. For the moment I have just made a png file that colour so this works ok.

Thanks for your help.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: January 13, 2014, 07:28:07 PM »

Not a problem.

-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.