custom nav highlight.

  • Resolved e.novak.paul@gmail.com

    (@enovakpaulgmailcom)


    14 years, 5 months ago

    Hi, have created my own custom nav which stays highlighted different colors dependent on which page your on. This was all working fine with the following css for each page:

    .page-item-5 a { color:#A87C4F; }
    .page-item-7 a { color:#4D4D4D; }
    .page-item-9 a { color:#57B6DD; }
    .page-item-11 a { color:#EDDB00; }
    .page-item-13 a { color:#009345; }

    Now I have created a category to replace a page and have lost the highlight for that category page. Does anyone know what i should be replacing .page-item-# with??

    Thanks in advance.

Viewing 1 replies (of 1 total)
  • Thread Starter e.novak.paul@gmail.com

    (@enovakpaulgmailcom)

    14 years, 5 months ago

    Fixed it anyway,

    in-case anyone else is curious the code i needed for category pages were:

    .category-1 ul li:nth-child(1) a { color:#F6921E; }
    .category-6 ul li:nth-child(2) a { color:#A87C4F; }
    .page-item-7 a { color:#4D4D4D; }
    .category-7 ul li:nth-child(4) a { color:#57B6DD; }
    .page-item-11 a { color:#EDDB00; }
    .page-item-13 a { color:#009345; }

Viewing 1 replies (of 1 total)

The topic ‘custom nav highlight.’ is closed to new replies.