Changing a css file

[watcherob]

Due to circumstances I have to take over maintenance of a website using Zen Cart. I'm sorry if this question has been asked millions of times but i'm in a bit of a hurry so I really hope someone can help me.

The website starts of being a standard html site with css. As soon as you enter the shopping part of the site (the Zen Cart part) the css changes. I have looked for hours but i cannot find out where I can change the css file within the Zen Cart system or maybe within a loose file somewhere.

If I look at the source code in the browser it looks like a standard index.html file but that I cannot find that file, probably because it's built through Zen Cart? I know that Wordpress does the same thing.

You would make my day if you could help me out with this. Thanks!

[stevesh]

First, don't think of Zencart the same way you think of flat HTML sites. There are very few static pages in Zencart. Most all pages are built on-the-fly.

Zencart's CSS is in one or more stylesheet files in includes/templates/YOUR_TEMPLATE/css.

If you post a link to the site we can advise further.

Best advice:

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.

[watcherob]

Thanks for your quick reply.

I understand that Zen Cart isn't plain html. The only thing I really need is to change from one css to another.

This is the main page using the correct css (website is in Dutch but you will get the idea):

http://www.vanspijk.com/shop/index.html

As soon as you go into the shop, the css changes as you can see here:

http://www.vanspijk.com/shop/index.p...=shopping_cart

All I need is to change the css from the second link to the css from the first link.

[gjh42]

Odd, it appears that your site has all of its pages (that I have looked at) mirrored from the dynamic Zen Cart page to a static HTML page, with URLs like
/shop/index6ac3.html?main_page=product_info&cPath=1&products_id=76
The same page (with very different styling) when accessed after viewing the shopping cart page is
/shop/index.php?main_page=product_info&cPath=1&products_id=76

I'm not sure what this means for your styling; the HTML page calls
includes/templates/clean_business/css/stylesheet.css
while the ZC page calls
includes/templates/avignon/css/stylesheet.css

Apparently ZC is set to the Avignon template, while the HTML pages reflect the use of the Clean Business template. You probably need to change the ZC template in Tools > Template Selection to Clean Business; I don't know if that will cause problems with any functional mods that may be active.

[watcherob]

Thank you for your help. The problem was I couldn't find where to change the css within the cms. Now I found it. Thanks!

[watcherob]

I have a quick new question. I changed the css so that every page almost looks the same. There is one other weird thing though...

If you look at the search button (zoek) in the top right corner here:

http://www.vanspijk.com/shop/index.html

and here:

http://www.vanspijk.com/shop/index.p...=shopping_cart

The last link is where you enter the shopping cart. The search button (among others) changed. I would like to ask you to point me in the right direction as to where I should change this. If I know where to change the search button I can find the rest. I would assume you have to change it within the CMS because these pages are built dynamically?

Again, thank you for your time.

[gjh42]

Did you fix this? Both search buttons look identical to me in Firefox.

[watcherob]

You're right but I didn't fix it. The black buttons are the wrong ones. Could you tell me where I can change those?

Thanks.

[stevesh]

Now that you have the template thing fixed, those buttons are CSS buttons and are styled in stylesheet_css_buttons.css. Right now, you have black text (#000000) on a black background.

[watcherob]

Thank you. I finally found it. I'm sorry for my slow response. I have to work on this in my spare time.

I have another question. I found a page editor within the CMS so I can edit content of sub-pages, although I cannot change everything.

Example:
http://www.vanspijk.com/shop/index.php?main_page=page_3

I can change the plain text from "Klik hieronder om de meest...(etc)" until the Adobe Reader link.

I cannot change the header of the page "Pagina 3" or the breadcrumb navigation. (or at least not that I can find) :)

I'm sorry if i'm annoying but I never worked with this CMS before and I have some trouble finding my way. I keep using this thread to not pollute the entire forum.