zen cart top menu and side box font and color change

website: www.luisaviaroma
template - pureblack free from zen cart

1) i want to change the font color on the top menu bar of this website: from white to grey (#666666)

2) I want to change the side box:
header backgrou from dark blue to white
font color from white to grey #666666
no underline for sub-catergory, font color from blue to grey #666666

Thanks a lot!!

MMCATT


Thanks!

MM
stylesheet.css
mmcattAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

nap0leonCommented:
What is the full URL?  looks like the extension got dropped off.

I can take a guess that the top menu is in navMain, but without seeing the site, I cannot begin to guess where the other changes would go.:
#navMain ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

Open in new window


If you only want to change "mainNav" and not "navCatTabs", you break that into two sections and update the color accordingly
#navMain ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #666666;
	white-space: nowrap;
	}
#navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

Open in new window

0
eriksmtkaCommented:
@mmcatt: i can't find it either, but i just thought i'd mention... if you don't already have it, i would highly recommend using the "Firebug" add-on for Firefox.  It makes identifying where to make changes in which CSS file a real breeze.  Along with TONS of other useful features.  Firecookie, and Fireflow are also really good development add-ons that you may find useful for debugging these little headaches.
 
0
mmcattAuthor Commented:
The website works fine here with my computer...

http://www.luisaviaromacn.co.cc/

or I click on any page - because they are on all the pages:


http://www.luisaviaromacn.co.cc/index.php?main_page=products_new

I will try your suggestion now.

Thanks a million!!

=^.^=
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

mmcattAuthor Commented:
thanks for the tutorial...but it doesn't work....Maybe you didnot see the site...

 
#navMain ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #666666;
	white-space: nowrap;
	}
.legalCopyright {
	float: left;
	font: 11px verdana !important;
}

#navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #666666;
	white-space: nowrap;
	}

Open in new window


here is the screen shot after i change the code.

 screen shot
I want to have both menu + sidebar fonts are grey, so I can remove the background.

Thanks a lot!!

MM
0
nap0leonCommented:
top men bar from white to grey:
change
#tab_nav a {
    color: #FFFFFF;
    text-decoration: none;
}

Open in new window


to
#tab_nav a {
    color: #666666;
    text-decoration: none;
}

Open in new window


There are two different types of 'sideboxes" on the left. Which one are you wanting changed?  The one with the light blue or the two with the dark blue background?

Also... I don't see anything "underlined" in the left boxes.  Are you referring to the underline that appears when you hover over a link?
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
nap0leonCommented:
Yes - you tried the changes I made based on a guess of which styles went with the elements based only on their names.  The post above was made after you posted a valid URL for the site and I could inspect it using the Firebug add-on for Firefox.
0
nap0leonCommented:
I found a page that has underlines in the left sideboxes...
change:
A.category-subs, A.category-products {
    color: #0075E2;
    text-decoration: underline;
}

Open in new window

to
A.category-subs, A.category-products {
    color: #0075E2;
    text-decoration: none;
}

Open in new window

0
nap0leonCommented:
for the left side-box - presuming you are talking about the one that has the underlined links:

you need to replace the background image with a white image... or remove the image altogether and just use "background-color: #FFFFFF;" instead.
.main-sidebox-header-left {
    background: url("../images/main_sidebox_left.gif") no-repeat scroll left top transparent !important;
    padding: 0 0 0 0.3em;
}

Open in new window


to make that text grey... so that you don't affect the right sideboxes, break this style into two:
h3.leftBoxHeading, h3.rightBoxHeading {
    background: url("../images/sidebox_right.gif") no-repeat scroll right top transparent;
    color: #FFFFFF;
}

Open in new window

change to
h3.leftBoxHeading {
    background: url("../images/sidebox_right.gif") no-repeat scroll right top transparent;
    color: #666666;
}
h3.rightBoxHeading {
    background: url("../images/sidebox_right.gif") no-repeat scroll right top transparent;
    color: #FFFFFF;
}

Open in new window

0
mmcattAuthor Commented:
@Nap0leon, you are brillion!!

The top menu is change to grey color, and I clear the background color as you suggested!

Excellent!! But the underline problem remains, I search 'underline' and replace them all on my stylesheet, but still show (everywhere)......  screen shot
0
mmcattAuthor Commented:
My first time to use this service and found it really excellent - solve my problem and save my time with the expert's answer. Thanks a lot for Nap0leon and eriksmtka!

Still need to work out the underline issue...
0
mmcattAuthor Commented:
oh...sorry nep0leon, actually the underline issue is solved!! I refresh before it won't work but after I submit the comments, come back and find out all solved!! you are great!

=^.^=
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.