|
Styling the Navigation |
Post Reply 
|
| Author | |
John_Conrad 
Newbie 
Joined: 10-April-2009 Location: NJ Status: Offline Points: 0 |
 Post Options
 Thanks(0)
 Quote Reply
 Topic: Styling the NavigationPosted: 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
|
|
 |
|
|
ProductCart
Admin Group 
ProductCart Team Joined: 01-October-2003 Status: Offline Points: 135 |
Post Options
Thanks(0)
Quote Reply
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
|
|
|
|
|
intour
Senior Member 
Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
Quote Reply
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:
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
|
|
|
|
|
John_Conrad
Newbie
Joined: 10-April-2009 Location: NJ Status: Offline Points: 0 |
Post Options
Thanks(0)
Quote Reply
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
|
|
|
|
|
intour
Senior Member
Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
Quote Reply
Posted: 03-May-2009 at 1:44am |
|
Hi Jon, If you want to email me I'll send you all the files.
Nigel
|
|
|
|
|
John_Conrad
Newbie
Joined: 10-April-2009 Location: NJ Status: Offline Points: 0 |
Post Options
Thanks(0)
Quote Reply
Posted: 03-May-2009 at 10:28am |
|
Thanks Nigel,
I sent you a private message.
Jon
|
|
|
|
|
intour
Senior Member
Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
Quote Reply
Posted: 03-May-2009 at 4:54pm |
|
John,
I've sent you a guide.
Nigel
|
|
|
|
|
Post Reply
|
|
Tweet
|
| Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |
Topic Options