Using pre-existing css with Auto-Nav
Permalink
New to Concrete5, have experience with css but I am no programmer. That said, I'm in the midst of converting a static site over to Concrete5 and had a question about the navigation which contains 6 links styled with a vertical hatch mark to their right (border-right), with the exception of the last link. The links are also styled such that the a:link and a:visited are one color and the a:hover and a:active are another. There is also a style for current (page that is currently being viewed) that is the same color as the hover/active state (please see styles for nav below).
I recreated the navigation using the add to block, auto-nav. All styling works except for the current style (page that is currently being viewed) and border-none, which is applied to the last link on the right.
For the life of me I can't figure out what I need to do in order to get those styles to function... is this something that calls for a custom template to be applied to the block containing the auto-nav?
I'm working on this locally but you can see what the navigation should look like here:http://kevinhermancreative.com/adlSite...
I recreated the navigation using the add to block, auto-nav. All styling works except for the current style (page that is currently being viewed) and border-none, which is applied to the last link on the right.
For the life of me I can't figure out what I need to do in order to get those styles to function... is this something that calls for a custom template to be applied to the block containing the auto-nav?
I'm working on this locally but you can see what the navigation should look like here:http://kevinhermancreative.com/adlSite...
#mainNav {margin: 5px 0 0 390px; padding: 0; float: left; width: 450px;} #mainNav ul {margin: 0; padding: 0; list-style: none;} #mainNav li {float: left; border-right: 1px solid #CCCCCC;} #mainNav ul a:link, #mainNav ul a:visited { padding: 4px 10px; font: lighter 1em/1.2 Arial, Helvetica, sans-serif; text-decoration: none;color: #5B3512;} #mainNav ul a:hover, #mainNav ul a:active {color: #358DAF;} #mainNav ul a.current {color: #358DAF;cursor: default;} #mainNav li.borderRight {border-right: none;}
Cheers,
Thomas