Changing colours on the cart

Hi all,

I know this is a very popular topic and there are many threads on it already......but I am still unable to solve this conundrum!

I have been trying to change the default green background colours of the boxes (top and side) but just can't seem to get it working.

I changed the values in /catalog/includes/templates/classic/css/stylesheet.css without any joy. I then made changes to the file in /catalog/includes/templates/template_default/css/stylesheet.css and that didn't make any difference either.

I have been changing the following details

.leftBoxHeading, .centerBoxHeading {
margin: 0em;
background-color: #3b2313;
padding: 0.5em 0.2em;
}

and

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #3b2313;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}

Where am i going wrong.....what am i missing.

Hope someone can show me the light.

Ta,
DsyD

The green headers in the Classic template are images. You can remove the red part below, then change the background color.

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

Hmmm........did that (commented out the image /background-image: url(../images/tile_back.gif);/) but still no joy.

Could there be another stylesheet somewhere overriding this?

Possible. How many stylesheets do you have ?

A link to your site might let us spot something.

Is there anyway of finding out where else the stylesheet.css file might exist? None one the changes I've made seem to work.

Anyone?:dontgetit

Look in the css folder of your current template - all the stylesheets affecting your site will be in there. I'm guessing you're editing the wrong stylesheet (template_default/css/stylesheet.css, for example).

There are 5 .css files in this folder /catalog/includes/templates/classic/css:
CSS_read_me.txt
print_stylesheet.css
stylesheet.css
stylesheet_css_buttons.css
stylesheet_orig.css

My site is https://www.lyricforge.com/catalog

stevesh:

Look in the css folder of your current template - all the stylesheets affecting your site will be in there. I'm guessing you're editing the wrong stylesheet (template_default/css/stylesheet.css, for example).

Thats the file I've been working in.

You should be editing stylesheet.css in the classic/css folder, not template_default.

You should also remove or rename the extension of stylesheet_orig.css to stylesheet.orig. Those two are fighting each other now.

stevesh:

You should also remove or rename the extension of stylesheet_orig.css to stylesheet.orig. Those two are fighting each other now.

BINGO!!!!!!

:clap:

Thank you so much Steve.

DsyD

Actually, you shouldn't be editing the files in /classic or /template_default. You should be using the override/template system to protect your changes from being overwritten by an upgrade/update. See the Tutorials/FAQ for more information on the override system.