a not-super-advanced coder here.i'm seeking "simply" adjust styling of active link in sub-navigation on site.
example page: http://printergatherer.com/shop referencing minty green sub-nav has "all ... prints" in it.
right now, have styling effects active link in navigations on site. ideally have 1 set of styles main nav, , 1 sub nav.
i've managed add mint green underline active link, great, whatever reason cannot link color change same mint green.
this code gets bottom-border, not correct link color:
#categorynav ul li.active-link { color: #c6d4d0; border-bottom: 1px solid #c6d4d0; } sorry if i'm being noob, tear hair out seems simple!
you need move color off of li , on anchor tag so:
.active-link { color: #c6d4d0; border-bottom: 1px solid #c6d4d0; } you can see jsfiddle of working here:https://jsfiddle.net/24k1zep4/3/
your css specific, if can't change may have use more specific selector.
#categorynav .category-nav-links .active-link { color: #c6d4d0; } should work if can't change specificity , need override there.
