Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Background color from black to custom? Anyone??

Background color from black to custom? Anyone??

Views: 1,007

Results 1 to 10 of 10
30 Dec 2010, 4:05 AM
#1
mubasher avatar

mubasher

New Zenner

Join Date:
Dec 2010
Posts:
65
Plugin Contributions:
0

Background color from black to custom? Anyone??

THIS IS MY WEBSITE https://WWW.ORIGINALKICKZ.COM, NOTICE THE BACKGROUND COLOR IS BLACK, I WANTED TO USE CUSTOM IMAGE LIKE ALL ORANGE BRICK INSTEAD, ANY IDEA HOW TO DO THAT? THANKS :frusty:

30 Dec 2010, 4:09 AM
#2
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Background color from black to custom? Anyone??

mubasher:

THIS IS MY WEBSITE https://WWW.ORIGINALKICKZ.COM, NOTICE THE BACKGROUND COLOR IS BLACK, I WANTED TO USE CUSTOM IMAGE LIKE ALL ORANGE BRICK INSTEAD, ANY IDEA HOW TO DO THAT? THANKS :frusty:

Open includes/templates/YOUR_TEMPLATE/css/stylelsheet.css

find the following declaration and make the highlighted change.

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #FF6600;
}

30 Dec 2010, 4:33 AM
#3
mubasher avatar

mubasher

New Zenner

Join Date:
Dec 2010
Posts:
65
Plugin Contributions:
0

Re: Background color from black to custom? Anyone??

yes i know that but how do i make it orange brick like the image below, i mean ive been searching for the code everywhere but cant find it

30 Dec 2010, 3:41 PM
#4
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Background color from black to custom? Anyone??

mubasher:

yes i know that but how do i make it orange brick like the image below, i mean ive been searching for the code everywhere but cant find it

save the image you want to use to includes/templates/YOUR_TEMPLATE/images/YOUR_IMAGE_NAME.jpg

Then change the stylesheet declaration as indicated by the highlight.
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background: url(../images/YOUR_IMAGE_NAME.jpg);
}

31 Dec 2010, 6:53 AM
#5
mubasher avatar

mubasher

New Zenner

Join Date:
Dec 2010
Posts:
65
Plugin Contributions:
0

Re: Background color from black to custom? Anyone??

didnt work :( when i put in the code like you mentioned and upload it to my server, the background image went all white and that was that. Any suggestions?

31 Dec 2010, 7:03 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Background color from black to custom? Anyone??

Exactly where did you save the image? What is its filename?

31 Dec 2010, 7:22 AM
#7
mubasher avatar

mubasher

New Zenner

Join Date:
Dec 2010
Posts:
65
Plugin Contributions:
0

Re: Background color from black to custom? Anyone??

gjh42:

Exactly where did you save the image? What is its filename?

I named it brick.jpg and I saved it in includes/templates/classic/images/brick.jpg :frusty: then went to my css sheet and changed it just like I was told and nothing happened

31 Dec 2010, 7:31 AM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Background color from black to custom? Anyone??

The image is where it should be. Now put the style rule back in and let us see what you really have, and how it behaves.

10 Jan 2011, 5:28 PM
#9
mubasher avatar

mubasher

New Zenner

Join Date:
Dec 2010
Posts:
65
Plugin Contributions:
0

Re: Background color from black to custom? Anyone??

wasyo guys still no luck with trying to change my black background to the custom all brick. this my site https://www.originalkickz.com, i tried changing the css stylesheet as mentioned above but no luck, it goes from black to white. any suggestions? Thanks :huh:

10 Jan 2011, 8:02 PM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Background color from black to custom? Anyone??

We need to see how you are trying to change the styling to know what you are doing wrong. Apply the background-image and then post to let us know it is set up.