Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Need help regarding color and width.

Need help regarding color and width.

Locked

Views: 1,124

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
5 Oct 2006, 1:17 AM
#1
tomato avatar

tomato

New Zenner

Join Date:
Aug 2006
Posts:
34
Plugin Contributions:
0

Need help regarding color and width.

Hello I lost my old cart and did a fresh install with the latest version of zen cart. My site is at
http://www.japanshopdirect.com you can see on the tables at the bottom is green any idea how to get this the same color as the top which is #333444

Also the old version seemed to be wider how can I make the entire page about an inch wider?
Any info would be appreciated.

5 Oct 2006, 2:02 AM
#2
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Need help regarding color and width.

Ahhh, more "green bits" topics... :laugh:

Find in your stylesheet.css;

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #336633;
	margin-top: 1.5em;
	}

Change the part in green to six zeros(000000), for black.

To adjust layout size, find in stylesheet.css;

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

Try changing the value in red, to 800 or something to that effect.

5 Oct 2006, 3:02 AM
#3
tomato avatar

tomato

New Zenner

Join Date:
Aug 2006
Posts:
34
Plugin Contributions:
0

Re: Need help regarding color and width.

Sketchy:

Ahhh, more "green bits" topics... :laugh:

Find in your stylesheet.css;

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}

> Change the part in green to six zeros(000000), for black.
> 
> To adjust layout size, find in stylesheet.css;
> ```
/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

Try changing the value in red, to 800 or something to that effect.

Sketchy....You were a big help! Thanks a ton. By the way before I changed the title at the top of the page (page name) I wanted it to read "Japan Shop Direct" rather than Zen Cart! The Art Of Commerce I changed it and made a mistake then when I changed it again I had some errors that I coudlnt fix. Anyways im scared to change it..is it safe?

5 Oct 2006, 4:12 AM
#4
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Need help regarding color and width.

You're very welcome.

Hmmm... if you had mistakes, did you revert the file back to original?
I'm guessing you did and I'm also guessing that's a v1.35 version.
So... let's try this again;
In your main \includes\languages\english - meta_tags.php, find;

// page title
define('TITLE', 'Zen Cart!');

// Site Tagline
define('SITE_TAGLINE', 'The Art of E-commerce');

Replace the above with;

// page title
define('TITLE', 'Japan Shop Direct');

// Site Tagline
define('SITE_TAGLINE', '');

That's all you need really. You may have forgot to leave the empty quotes or something. You just have to be careful to only changing the text between the start and finish quote tags. Then, if everything is good... your page title will show in the browser tabs and such. :D

5 Oct 2006, 4:33 AM
#5
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Need help regarding color and width.

Oh yeah, also to fix up your EZ page bar under the header...

Find in your stylesheet;

#navEZPagesTop {
	background-color: #333444;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

Replace with;

#navEZPagesTop {
        color: #ffffff;
	background-color: #333444;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}
#navEZPagesTop a { color: #ffffff }
#navEZPagesTop a:hover { color: #ff0000 }
5 Oct 2006, 11:16 AM
#6
tomato avatar

tomato

New Zenner

Join Date:
Aug 2006
Posts:
34
Plugin Contributions:
0

Re: Need help regarding color and width.

Sketchy:

Oh yeah, also to fix up your EZ page bar under the header...

Find in your stylesheet;

#navEZPagesTop {
background-color: #333444;
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

> Replace with;
> ```
#navEZPagesTop {
        color: #ffffff;
	background-color: #333444;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}
#navEZPagesTop a { color: #ffffff }
#navEZPagesTop a:hover { color: #ff0000 }

Sketchy I just wanted to express my thanks again! Much appreciated!

5 Oct 2006, 11:27 AM
#7
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Need help regarding color and width.

You're very welcome, it's been a pleasure.

Oh my... you've changed the color scheme... methinks you got the hang of this already. :yes:

We'll have to change the red hover in the EZ pages bar, to match with the other black.

`Change the color value of; #navEZPagesTop a:hover { color: #ff0000 }
to; #navEZPagesTop a:hover { color: #000000 }

5 Oct 2006, 1:44 PM
#8
tomato avatar

tomato

New Zenner

Join Date:
Aug 2006
Posts:
34
Plugin Contributions:
0

Re: Need help regarding color and width.

Sketchy:

You're very welcome, it's been a pleasure.

Oh my... you've changed the color scheme... methinks you got the hang of this already. :yes:

We'll have to change the red hover in the EZ pages bar, to match with the other black.

`Change the color value of; #navEZPagesTop a:hover { color: #ff0000 }
to; #navEZPagesTop a:hover { color: #000000 }

Sketchy....Again many many thanks. As soon as I get the layout to my liking perhaps I could bother you for a more complex problem. Here's what I am looking to do and judging by some of the threads that I have read thsi should be possible.

I am shipping from Japan and all goods will besent via EMS Air Mail. There is no EMS module that I know of but I have the EMS shipping rates and they are vary straightforward and are divided into 3 Zones. So I need to switch the text from pounds to (lbs) to Kilograms (kg) which seems to be easy enough to do.

I want to have something like this

ZONE 1 COUNTRIES
up to 300 grams $12
300 grams to 500 grams $15
600 grams $16
700 grams $18
800 grams $20
900 grams $22.00
1.0 kg $24

basically like that but 3 different zones and different prices for each zone. Is this terribly difficult to figure out?