Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Change background on entire website

Change background on entire website

Views: 2,472

Results 1 to 16 of 16
9 Mar 2013, 10:00 PM
#1
dawneprochilo avatar

dawneprochilo

New Zenner

Join Date:
Oct 2012
Posts:
31
Plugin Contributions:
0

Change background on entire website

I am trying to update the background on my website (Beccaberry template) I have tried all I can through the c-panel and the picture I have is there in the correct location but the background on the website is still plain white.

http://frontporchromance.com

I put the picture through the c-panel this way
public html - includes folder- templates- beccaberry- images

9 Mar 2013, 11:18 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Change background on entire website

Couple of things:

  1. The PATH in your css says:
    url(../../../../images/HD-RED-Flourish-Wallpaper-Backgrounds3.png) Why all the ../../../../

  2. If you are hosting on LINUX, then the name is CaSe SeNSItiVe. I always name my images in lower case only, with NO WHITESPACE and NO SPECIAL CHARACTERS.

  3. PNG is not a good idea for a full-screen background image as PNG files can be very large.

17 Mar 2013, 8:15 AM
#3
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Change background on entire website

Not to mention that the current background image being used is HUGE!!!! 5000 x 3500 pixels & 3,337.9 KB!!!??? that is WAY too big for any website image and it makes the site load sooooooooooooooooooooo incredibly sllllllllloooooooooooooooooowwwwwwwwwwwwwww... You need a much smaller image and you can simply use CSS to have it repeat to fill the background instead of using such a big bloated image..

17 Mar 2013, 8:59 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Change background on entire website

I have tried all I can through the c-panel
Quit using cpanel for this and get a decent FTP client and code editor

17 Mar 2013, 3:08 PM
#5
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Change background on entire website

kobra:

Quit using cpanel for this and get a decent FTP client and code editor

Indeed..
OP needs to move the background image to where the rest of her template images are and correct the path to that image in her stylesheet. As schoolboy hinted to, the image is not in the usual location for the template background.
She also needs to reduce the size of that background image and use "repeat" to have it fill in the background versus using the ginormous image she is currently using.

17 Mar 2013, 7:21 PM
#6
design75 avatar

design75

Totally Zenned

Join Date:
Dec 2009
Location:
Amersfoort, The Netherlands
Posts:
2,862
Plugin Contributions:
5

Re: Change background on entire website

I don't want to be rude, just helpful, but clean up your code, there are a lot (over 400) validation errors, caused by missing closing tags and through the use of the wrong comment tags. Also you have JavaScripts in place for syntax highlighter. Are you using this for displaying something?

17 Mar 2013, 7:31 PM
#7
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Change background on entire website

Design75:

I don't want to be rude, just helpfulI second this sentiment..:yes:

18 Mar 2013, 9:06 AM
#8
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Change background on entire website

I think what is evident here is that you don't seem to have a sufficient understanding of how to manage a website, but have just rushed headlong into the process.

It would be a good idea to go do some tutorials on webmastering - something not offered on this forum, as it is assumed people have this knowledge before they come here for help and advice.

22 Mar 2013, 10:40 PM
#9
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Re: Change background on entire website

Hey guys,

I have a sticky issue, My background seems to be in a tiled code, for the loml I cannot seem to figure out how to set this to a single image wrap

Please can somebody pimp my mind?

22 Mar 2013, 10:45 PM
#10
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Change background on entire website

LuminousGlow:

for the loml

What is a loml?

I dont think lomls are anything to do with zencart.

Perhaps there is a user forum for loml problems.

22 Mar 2013, 10:53 PM
#11
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Re: Change background on entire website

fairestcape:

What is a loml?

I dont think lomls are anything to do with zencart.

Perhaps there is a user forum for loml problems.

^^haha

For the Love of my life ;)

22 Mar 2013, 10:55 PM
#12
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Change background on entire website

Ah... SMS-speak !

It's better to use proper English here... Many of us foreigners don't understand American SMS-speak.

22 Mar 2013, 11:00 PM
#13
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Re: Change background on entire website

fairestcape:

Ah... SMS-speak !

It's better to use proper English here... Many of us foreigners don't understand American SMS-speak.

I don't actually use that language, it just seemed like a great idea at the time hence your first comment. (Australia also)

Soo.. are you my angel?

22 Mar 2013, 11:00 PM
#14
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Change background on entire website

As regards your question:

The background image (if used) is controlled entirely by CSS declarations.

SEE THIS SITE's
use of a static, centred BG image. Then look at stylesheet.css and see the body {} declaration governing its behaviour.

W3schools.com has good css tutorials.

22 Mar 2013, 11:03 PM
#15
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Change background on entire website

Just in case you don't know how to view my stylesheet, here's the body declaration.

body {margin: 0;font-family: verdana, arial, helvetica, sans-serif;font-size: 75%;color: #000;line-height:160%;background: #fff url(../images/bk.jpg) center top no-repeat; background-attachment:fixed;}
22 Mar 2013, 11:05 PM
#16
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Re: Change background on entire website

Awesome Thank you! I'll now go in and have a play.