X-Cart forums

[limey66]

Can someone please tell me how to change the front end category colors...cannot find anything corresponding to it in the common/css/main template...I have changed the background of the box but the area around the category dialog is a different color and changes again when I hover over a category link...how do I change this...
Thanks

[qualiteam]

How did you change the color?

[limey66]

Hi,
I changed the color in the skin/common_files/css/main.css on line 961:
.menu-dialog .content {
border: 0;
background-color: #eff6ab;
padding: 8px 10px;
overflow: hidden;
The color I want is #eff6ab which is what I changed the background color to but the inner category box is still a different color. You can see it here:
http://www.herb-care.com/store463/home.php?shopkey=qwe123RTY

Thx Michelle

[qualiteam]

Search for ".fancycat-icons-e ul li" and ".fancycat-icons-e li:hover" in your CSS files and change the background colors there.

[limey66]

Hello Alex,
Thank You for replying, I searched for the files in my skin/common_files/css/css.main and they do not exist....which template are they in ?

I tried looking in the skin 3 columns but there is nothing much there just a modules file...

Do I just add the code you sent to the other menu_dialog code ?

[limey66]

Hi...
I went ahead and added the code you sent and it worked great...Thanks so much for your help

[limey66]

Ok new dilemma,
For some reason my page body color has changed and the code (shown below) will not make it change at all...the #ffffcc is the color I want but it is showing much lighter and it will not change to any other color... how can I make this work again .. Is there some other css code that is overwriting this ?

html,
body
{
height: 100%;
background-color: #ffffcc;
margin: 0;
padding: 0;
min-width: 780px;
border: 0 none;
}

[qualiteam]

I don't see any styles which could override the background color that you specified for the "html, body" selector. It may be that either X-Cart, or your browser cached the color. Try to clean both the caches.

Also, try to use the "Inspect this element" feature of your browser to understand what CSS rules style elements on your website.

One more useful tool is "Web Developer Tools" extension for Firefox and Google Chrome browsers: http://chrispederick.com/work/web-developer/

[limey66]

Thank You Alex, I did try cleaning both caches but it still was not working so I decided to go back to scratch and reload the original file and start over...it is working fine and I am moving quicker after learning so much the first time round... Thank You again for all your help...