modifying the template

[wulf2001]

URL:http://dotadesign.com/freelance/ads/...ndex&cPath=1_4

I am having a ton of problems with zen cart display. It seems it is mainly set up to be modified by the admin panel and is not too web developer friendly at all.

Currently the categories listing will say

Master Category ->
Master Category2 ->
|_Sub Category
|_Sub Category

I dont know why its like this but it does not look very attractive. I am trying to remove the -> as well as the |_ as well as modify the font colour and size but I can not seem to find a way to get rid of it in the PHP files or the CSS...

Also when u click on a subcategory the listing comes up. I am trying to change the title a well as the table background and all fonts for the listing. Again I'm finding this incredibly difficult. I got rid of the background but could not change the font colour.

I have this in the CSS

.centerBoxHeading{
text-align:left;
color:#990000;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

It got rid of the green background but nothing else from the command was executed.

Right now the shopping cart is ok except the links show up in purple. Cant fix that either.

Hopefully someone can help me. This is my first zen cart mod and so far I find it very difficult to modify.

[kuroi]

Although some settings are controlled through the admin, including the categories separators, most Zen Cart styling is done through the stylesheets making it very web designer friendly. Don't like those representations? Just wipe them out in Admin > Configuration > Layout Settings and use padding instead.

The CSS block that you quote can't possibly have removed any green background, as it contains no background-related styling.

The snippet of css that you quoted won't have any impact on the page for which you gave the URL as the .centerBoxHeading class doesn't appear on it.

I'd suggest stepping back and brushing up your css knowledge. With a firmer grasp of the basics of web design, I'm sure you'll find Zen Cart much easier to work with.

[stevesh]

Also, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.