Different CSS for Different Pages, and Products

[jaygee]

I can't seem to get this working for EZ Pages.

I have a page "index.php?main_page=page&id=6"

Should I use page_name.css or c_??_??.css and how should it be named?

Any help would be much appreciated.

[clydejones]

I can't seem to get this working for EZ Pages.

I have a page "index.php?main_page=page&id=6"

Should I use page_name.css or c_??_??.css and how should it be named?

Any help would be much appreciated.

This mod from the downloads section will probably do the trick.

[jaygee]

Many Thanks.

Should have searched the download section!

I'll give it a go.

[clydejones]

Many Thanks.

Should have searched the download section!

I'll give it a go.

Once you installed it you can name and use stylesheets as follows

ezpage_10.css
chapter_1.css

[JE2009]

Certainly the p_1.css should have worked. For example, one of my category pages is iddentified by this in the browser's address bar (after the site URL itself, of course) ...
.../index.php?main_page=index&cPath=17

So p_17.css will be the page-specific stylesheet for that category.

But the only EZ page I use has this in the address bar...
index.php?main_page=page&id=1&chapter=0

I'm not sure, from that, how to name the EZ page's stylesheet.

I will experiment and get back to you.

Rob

Hi,

I'm trying to change the background and text color for specific categories. Following your example above for page ".../index.php?main_page=index&cPath=17", I created a p_17.css and uploaded to the server and it does not work. How is the p_17.css get called? do I need to call it somewhere?

[rstevenson]

p_17.css would be the stylesheet for product #17, not for category #17 (contrary to what I wrote up above.) For category you use the pattern c_??_??.css, as explained in the Readme file in your css folder. To take an example from my retail site, the Humour category is addressed like this...
../index.php?main_page=index&cPath=78

So a category specific stylesheet for the Humour category would be named c_78.css. (The extra _?? part is for sub-categories if you need it.) (Just tested that and it does work.)

Zen Cart automatically loads all valid stylesheets in the css folder and uses them. It has code to determine that it should only use a category stylesheet in that category.

I hope that clarifies a little more.

Rob

[JE2009]

p_17.css would be the stylesheet for product #17, not for category #17 (contrary to what I wrote up above.) For category you use the pattern c_??_??.css, as explained in the Readme file in your css folder. To take an example from my retail site, the Humour category is addressed like this...
../index.php?main_page=index&cPath=78

So a category specific stylesheet for the Humour category would be named c_78.css. (The extra _?? part is for sub-categories if you need it.) (Just tested that and it does work.)

Zen Cart automatically loads all valid stylesheets in the css folder and uses them. It has code to determine that it should only use a category stylesheet in that category.

I hope that clarifies a little more.

Rob

Rob,

You are the man!! (never thought I was going to used that term).

Yes! naming the sheet c_?_?.css does change styles just for that category. You have save me many hours of work!!

Thank you!!!

JE

[JE2009]

Rob,

Do you know how to get around the following css bug in IE7 and older. It seems to work fine in IE8, FF and Chrome.

I define a different font style color for the main bottom div for a specifc category in my c_?,css, to be white. In all other pages the main bottom is define in stylesheet.css, font is black.

When view in IE8,FF and Chrome, it behaves like it should, font color for specific category is white, all others black.

In IE7 specific category font color appears white. All other the font appears black for couple of seconds, then it turns white. (it seems the browser loads the c_?.css first then overwrites it with sytesheet.css.)

Any ideas?

below is the test site to visualize the problem (note must view it in IE7 to see the problem)

http://www.webdexign.com/cart/index....dfbea43b39ca4c

[JE2009]

Never mind.. found out it was my sheet the problem.

[dimsumgurl]

hi everyone!
im using 1.3.8.

Thanks for those tips! I really does overrride!

however, I could not figure out how to change the white colour to an image for a background. When I put

background-image:url(../images/greatIn_aboutUs.png);

it only changes the back BACK image. I don't want that. How can I solve this problem? I have been ad this for quite awhile and it's becoming frustrating.