Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Background color? How to customize?

Background color? How to customize?

Locked

Views: 1,393

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
6 Jan 2009, 8:41 PM
#1
kdiscrete avatar

kdiscrete

New Zenner

Join Date:
Jan 2009
Posts:
43
Plugin Contributions:
0

Background color? How to customize?

Hi,
I am new to eCommerce as well as website building

I want to make my zen store something like this

http://www.minicigarette.net

With a BLACK background

How can I do it?

Please help me with step by step instructions please.

Thank you

6 Jan 2009, 8:59 PM
#2
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Background color? How to customize?

Colors are controlled by the stylesheet.

In includes/templates/YOUR_TEMPLATE/css/stylesheet.css, look for

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

and change it to

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

There might be other places that'll need to be changed, but that will give you the idea.

The second example is part of the stylesheet in use on the Fan Odyssey site in my sig.

The best way to do this is to unzip Zen Cart on your local drive (your computer). Edit php files and the stylesheets (css) is with a good text editor like Notepad++ or Crimson Editor. Use an FTP client like Filezilla to upload them to the custom folders on your site.

A handy tool is the Firefox browser with the web developer addon (or the firebug addon) which will allow you to tinker with the css and see the results on the fly. You'll have to save your changes locally and FTP them to your site.

(Filezilla, Notepad++ and Crimson Editor are all free downloads on the net)

6 Jan 2009, 9:18 PM
#3
kdiscrete avatar

kdiscrete

New Zenner

Join Date:
Jan 2009
Posts:
43
Plugin Contributions:
0

Re: Background color? How to customize?

wow THANKS!!:smile:

I will give it a try:clap:

6 Jan 2009, 9:20 PM
#4
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Background color? How to customize?

Take a peek in the tutorials/FAQ - https://www.zen-cart.com/tutorials/index.php - for lots of good tips on setting up a custom template.

There are also free templates available for Zen Cart. You can see them at http://(sorry, site offline)/

6 Jan 2009, 9:30 PM
#5
kdiscrete avatar

kdiscrete

New Zenner

Join Date:
Jan 2009
Posts:
43
Plugin Contributions:
0

Re: Background color? How to customize?

also, wuts with the products that list automatically after the installation? like these mouse, keyboards, giftcards...

are they for real?

they're just examples right??

6 Jan 2009, 9:38 PM
#6
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Background color? How to customize?

Those are sample products that you can play with to see various features of Zen Cart.

6 Jan 2009, 9:53 PM
#7
kdiscrete avatar

kdiscrete

New Zenner

Join Date:
Jan 2009
Posts:
43
Plugin Contributions:
0

Re: Background color? How to customize?

oh i see

i updated my store so far and i'm following

"Second step in setting up your cart - templates" post

and i set up my CUSTOM folder for templates n stuff

now my site looks like this

http://www.profitagenda.net/store

is this normal? I have to start building up from here?

cuuz right now its pink, gray, yellow, and brown

7 Jan 2009, 2:57 PM
#8
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Background color? How to customize?

Your site is using the Classic Green Template. Did you create includes/templates/YOUR_TEMPLATE/template_info.php to give your template identifying information so you'll recognize it in the admin under tools->template selection?

7 Jan 2009, 5:05 PM
#9
kdiscrete avatar

kdiscrete

New Zenner

Join Date:
Jan 2009
Posts:
43
Plugin Contributions:
0

Re: Background color? How to customize?

I want to start my customization and i made my template folder named CUSTOM and copied the file template_info.php and changed the lines (there were like 4 or 5 lines i thnk)

and i also copied the entire files in template_default into my CUSTOM folder, it does not look the same.. it looks all distorted howcome?

I went to admin->tools->template selection and selected CUSTOM

i want to make my CUSTOM template same as template_default so that i can work from there

7 Jan 2009, 5:09 PM
#10
kdiscrete avatar

kdiscrete

New Zenner

Join Date:
Jan 2009
Posts:
43
Plugin Contributions:
0

Re: Background color? How to customize?

oh.. and im using my cpanel for editing from hostgator

should i stick to notepad++ and filezilla instead?

7 Jan 2009, 5:43 PM
#11
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Background color? How to customize?

  1. Don't copy ALL the files from one folder to another. Only copy the files you want to change. It's less confusing that way.

  2. Stick with Filezilla and Notepad++. The editor with CPanel doesn't work well with php files.

Did you select your template from the pulldown menu under admin>tools>template selection?

The site at http://www.profitagenda.net/store/ is using the Classic Green template.