Using ProductCart - Styling the Navigation

Print Page | Close Window

Styling the Navigation

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Using ProductCart
Forum Description: Running your store with ProductCart
URL: https://forum.productcart.com/forum_posts.asp?TID=2645
Printed Date: 27-February-2025 at 10:17am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Styling the Navigation

Posted By: John_Conrad
Subject: Styling the Navigation
Date Posted: 14-April-2009 at 10:19am

Hello,

Hopefully this is an easy question, I'm trying to find where I can change the font and font size for the left side category navigation that gets generated. When I view the source it shows class="" , so I assuming I'm not setting it somewhere. Is it in a css?

Thanks in advance,

John

Replies:

Posted By: ProductCart
Date Posted: 14-April-2009 at 10:32am

You can enter the class name in the Control Panel when you generate the navigation, then define the styles for that class in any CSS document loaded by header.asp. For example, you can add the class name and its style definitions in pc/pcStorefront.css

-------------
The ProductCart Team

Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software

Posted By: intour
Date Posted: 23-April-2009 at 6:02am

You can also create totally unique navigation styles using CSS.

This example is quite old - the customer is still using version 2.76 and I'm trying to get him to upgrade. You'll see what I mean abou the navigation though:

http://www.gegolf.co.uk - http://www.gegolf.co.uk

This is a dynamic productcart generated menu showing only top level categories. It will show drop down submenus if set to display them in the control panel.

Nigel

-------------
http://www.innerview.co.uk - Innerview
Productcart Platinum Reseller
Web Design/Hosting/Virtual Tours

Posted By: John_Conrad
Date Posted: 02-May-2009 at 10:06pm

Thanks for the information, I appreciate it!

intour --- I looked at the link you provided and it is exactly what I'm looking to do with my left side navigation. I like the botton border between menu items and the hover background color.

I know this is a long shot, but I'll ask anyway... I have everything working in a test environment but I can't get the hover effect to work properly.

It seems like when I use "display: block;" I get a line feed or extra line in each menu item which doesn't look right.

But i seem to need the "display: block;" because it changes the background color in the entire cell (which is what I want), and not just the background color on the link text.

Is there another way to accomplish this? Or another option for the display property that won't insert a line feed?

Again, I know it's a long shot on getting some help with this one so any help would be greatly appreciated.

Thanks,

Jon

Posted By: intour
Date Posted: 03-May-2009 at 1:44am

Hi Jon,

If you want to email me I'll send you all the files.

Nigel

-------------
http://www.innerview.co.uk - Innerview
Productcart Platinum Reseller
Web Design/Hosting/Virtual Tours

Posted By: John_Conrad
Date Posted: 03-May-2009 at 10:28am

Thanks Nigel,

I sent you a private message.

Jon

Posted By: intour
Date Posted: 03-May-2009 at 4:54pm

John,

I've sent you a guide.

Nigel

-------------
http://www.innerview.co.uk - Innerview
Productcart Platinum Reseller
Web Design/Hosting/Virtual Tours