Changing the Color Scheme?

[TurtleDove]

Alas, the ultimate noob of Zen Cart has quite possibly arrived!

I knew some HTML and some CSS. Remember that the operative word here is KNEW. Quite a few years ago, I was interested in such things and was somewhat good at it. But, as years passed, the knowledge diminished as fast as I learned it. I now stick to tutorials created by those who want to lend a helping hand to those who are completely clueless about HTML and CSS and PHP and etc etc etc.

Anywho, all that aside... Does anyone know of a Zen Cart tutorial or FAQ that literally spells out which line in a Stylesheet corresponds to what is being modified on the website itself? If not, which stylesheet should I look into in order to change the color schemes and logos of all of the pages in my store catalog?

I ask that you please forgive my lack of knowledge for Zen Cart and its customization processes. Any help would be greatly appreciated.

Thanks.

[sabastina]

First of all, which version of ZenCart are you running? If you are running any of the 1.2.X versions or lower (any version that is NOT 1.3.0 or above) you will need to edit the stylesheet.css. If you are running 1.3.0 or above, the best I can figure so far (I upgraded yesterday) you need to use the Stylesheet_New.css and the Stylesheet_Original.css (they may be named slightly different- but you'll know them when you see them...you find them using the path:

html/yourstore/includes/templates/yourtemplate/css

Once you make your changes MAKE SURE that you put those files in a folder called css and put that folder inside the classics folder the path is like this:

html/yourstore/includes/templates/classics/css

This is the special over ride system that will ensure that your files will be there if you should upgrade your site.

other than the FAQ (listed in a post here - you can find it in a search I'm fairly certain), I highly doubt you will find a tutorial or anyone to walk you step by step through it.

What I suggest is that you use the firefox browser and go get the Web developers extention for it as well as the color picker and sidebar. To find them just do a search here:

http://www.mozilla.com/firefox/central/

The webdeveloper has a edit css feature that when combined with the sidebar, automatically pulls out ALL of your stylesheets and allows you not only to work on them, but to see the changes instantly. Just remember to save your changes BEFORE you refresh or go to another page or you will lose them all...Oh, and once you save them and refresh, your site will go back to it's original state-don't worry, you simply need to go in there and replace the old file with the changed one.

Hope this helps.

Sabastina

[Ryk]

The best thing you can do is to install Firefox as your browser, get the web developer toolkit (see here) and utilise the CSS tools.

You may think this is a useless answer, but it will be of far greater benefit to you than me just saying "this stylesheet"

[seethrou]

Add some more reference for tools with visual help and easy your works.

Tools For Fast Find Items In Css

.

[babydi77]

I'm trying to edit on the newest version but I don't see any change I try to make take effect. I'm editing in includes/templates/mytemplate/css/stylesheet.css. Is that the wrong place? TIA!

Diana

[seethrou]

I'm trying to edit on the newest version but I don't see any change I try to make take effect. I'm editing in includes/templates/mytemplate/css/stylesheet.css. Is that the wrong place? TIA!

Diana

The location of the css file seems correct.

What and where of the section(s) and the page you want to change?

And the better is provide a url for reference, and we can see and test the same problems. Even better is a image attached and with the description of your problem.

.

[babydi77]

Like the boarders and such. The parts that say products, shopping cart, now products for July, etc. It's also wider then I would like which I'm guessing I change in the same area?! The link is www.memories-forever.net/shopping Not sure on the image, what you need?!

Diana

[sharq]

Okay I need some help. I have 2 problems now. I am able to change evrything on my page except for the middle section, for some reason I am not doing something right. I have Firefox installed, I am using 1.3.0 version but it won't change to the black color just stays origianal white. I modified the original template. My site is www.toys4gals.com if that helps to sort out the problem. My second problem lies with easy populate I think) I have managed to get some of my products online but some will not stick. If you click on a product in Doc Johnson, it looks like it will go a box comes up but then it just goes back to the wording, while others have changed to a picture, suing the same file..............does that make sense or am I rambling??
Thanks for any help.

[seethrou]

First, if your template using now is based on classic. Then you should better change to the template which based on the new design of template_default. And you can get some in the template section of download area.

Okay I need some help. I have 2 problems now.

I am able to change evrything on my page except for the middle section, for some reason I am not doing something right. I have Firefox installed, I am using 1.3.0 version but it won't change to the black color just stays origianal white. I modified the original template. My site is www.toys4gals.com if that helps to sort out the problem.

Of which is the section of main page.
In you stylesheet of the stylesheet_new.css,
about line #169:

/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff; /* here is the white color */
text-align: left;
width: 750px;
vertical-align: top;
}

My second problem lies with easy populate I think) I have managed to get some of my products online but some will not stick. If you click on a product in Doc Johnson, it looks like it will go a box comes up but then it just goes back to the wording, while others have changed to a picture, suing the same file..............does that make sense or am I rambling??
Thanks for any help.

It seems don't have image in there.
Would it be some images not uploaded by yourself?

[sharq]

Thanks "see throu", will check the css, where you have indicated. The images are all uploaded to FTP. I added them into an Excel EP to transfer and some came through and others did not. Can not explain, as they are all in the same FTP File.