I stumbled across a problem and I hope that somebody around here can give me an advice to get me in the right direction again.
I want to change the look of my shop a little and therefore I changed a little bit of the css code. Basically I only want to change the color of the links in my navigation bar.
Easy enough, but the problem I’m facing now is that only those links that were created by using “add category” show if they are selected or not. Additionally I added two CMS blocks to my navigation and those two are the problem.
I think I can axplain it better showing you some screenshots.
Screenshot Nr.1 shows how it should be:
the selected Link (in this case “Websites") is the color yellow (that’s also color of a:hover)
Screenshot 2 shows the way it looks when a CMS block is selected:
all links are the same color and the user doesn’t know where he’s at.
When I look at the HTML-Code I see that the links created within the “categories module” (those are the correct ones) are named like this:
“level0 first nav-home”
“level0 nav-1 level-top first”
“level0 nav-2 level-top last”
and the CMS Block links are named like this:
So, I guess the mistake is that the links have different class names.
All I want to do is to make those “CMS links” behave just like the “category” links. I tried to name those classes:
“level0 nav-3 level-top”
“level0 nav-4 level-top”
but didn’t accomplish anything with that.
I Hope somebody can point me i the right direction!
Thanks for taking the time.