Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Side (and any other) boxes CSS

Side (and any other) boxes CSS

Locked

Views: 1,634

Results 1 to 16 of 16
This thread is locked. New replies are disabled.
15 Jan 2008, 5:41 PM
#1
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Side (and any other) boxes CSS

Hi,

Try as I might, I just cannot find the style in the spreadsheet relevant to the colour and general style of of the side boxes. Can someone here stick my nose in it ? Thanks.

Pete

15 Jan 2008, 7:09 PM
#2
madmumbler avatar

madmumbler

Zen Follower

Join Date:
Dec 2005
Location:
SWFL
Posts:
450
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

It's in several different places, depending on what you're trying to change. If you're using Firefox, download the Firebug plug-in from their site. That will allow you to examine the code of your stylesheet and find the exact line number.

15 Jan 2008, 7:55 PM
#3
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Florida, arghhhh! Here in France, we're in the middle of a gale! Its pouring down.

Anyway, I have Firebug istalled on Firefox (would I use anything else ?) but it doesn't help. According to Firebug, the class for the left sidebar is "LeftBoxHeading" but in the CSS file, the background colour is declared as pink (#FF6699) whereas its green. I'm lost !

Any ideas ?

Pete

15 Jan 2008, 8:05 PM
#4
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Also, in the style sheet, there's a class called "columnLeft" but its empty, no attributes. What does this mean?

15 Jan 2008, 9:15 PM
#5
madmumbler avatar

madmumbler

Zen Follower

Join Date:
Dec 2005
Location:
SWFL
Posts:
450
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Post a link to your site so we can take a look and see. And are you using a custom or third party template?

16 Jan 2008, 6:43 AM
#6
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

I'm just using the bog standard Zen Cart template on a test server. I wanted to see what was on offer before I started to develop a "real" site. As the boxes headings have a green brushed aluminium effect, I suppose they're just repeat images but I can't find the style with the link to them. This should be simple !

Cheers

Pete

16 Jan 2008, 7:49 AM
#7
kobra avatar

kobra

Black Belt

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

Re: Side (and any other) boxes CSS

Bone stock contempoary green is the tile_back.gif image and in the stylesheet-

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}
16 Jan 2008, 9:02 AM
#8
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Thanks. In my stylesheet, this class (leftBoxHeading) is empty. I saw in another post that a lot of the css is to be found in the PHP pages which I have to copy into the stylesheet if I want to make any changes. This is probably one such example.

Also, looking extensively through this forum and also at the faqs, it looks like I should not be messing around with the "out of the box" template but should be creating my own, presumably from a copy of the original template.

Forgive me, Zen Cart is whole new world for me - perhaps I should buy the book !

Cheers

Pete

16 Jan 2008, 9:15 AM
#9
kobra avatar

kobra

Black Belt

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

Re: Side (and any other) boxes CSS

Post a link to your site...

I have never seen any css that had to be copied from a php file? Where did you see this?

If you are seeing the green template the code I posted must be there.
Are you looking at the style sheet located here

includes/templates/classic/css/stylesheet.css?

16 Jan 2008, 10:06 AM
#10
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

I don't have a Zen Cart site yet, I'm just using the out-of-the-box Zen Cart 1.38 template on a testing server. So no link. The classic stylesheet is the one that came bundled with the software. I'm no newcomer to css so I see what you mean when you say if the style is not there in the style sheet, how can it be displayed on the page, but there we are. The class is indeed empty in the stylesheet.

I'll have another look when I get back to the office (I'm on different machine here and don"t have acesss to the testing server) and will get back to you.

Cheers

Pete

16 Jan 2008, 5:20 PM
#11
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Ok, back in the office and see that I was looking up the wrong stylesheet so the question I now have to ask is, what are the stylesheets in the folder "default_templates" for ?

Its a good job I've ordered the 400 page book !

Confused

Pete

16 Jan 2008, 5:43 PM
#12
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,606
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Suggest you begin with doing some reading in the tutorial/FAQ section - Zen Cart uses a template override system and if you mess with the Classic template you will have to redo your changes when you upgrade. Get started right and create a new template.

16 Jan 2008, 7:41 PM
#13
rainthebat avatar

rainthebat

Zen Follower

Join Date:
Feb 2007
Posts:
314
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

petek:

what are the stylesheets in the folder "default_templates" for ?

The stylesheets in the folder "template_default" load if you don't have custom stylesheets overriding those stylesheets.

You'll see how it fits together after reading the tutorial.

17 Jan 2008, 6:36 AM
#14
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Thanks for your replies. I have been looking extensively through the faq but didn't see anything about the default_template stylesheet. There's so much info on this site its easy to miss something ! I received my copy of the owner's manual this morning so I've got some reading to do !

Cheers

Pete

17 Jan 2008, 9:38 PM
#16
petek avatar

petek

Zen Follower

Join Date:
Jan 2008
Location:
Chevreuse, France
Posts:
278
Plugin Contributions:
0

Re: Side (and any other) boxes CSS

Thanks. Looks good. I've got a lof ot reading to do what with the 400 page book and the endless tutorials. Its going to be fun!

Cheers

Pete