primary links color problem

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Cass

    (@rickcst)

    I figured it out. Here is the code I used for the WP pages (using page ID):

    body.page-id-36 #navigation ul li.current-menu-item > a,
    .primary-navigation ul > li:hover > a {
    color: #FFF;
    }

    For the shop page:

    .woocommerce-page #navigation ul li.current-menu-item > a,
    .primary-navigation ul > li:hover > a {
    color: #000;
    }

    I believe the use of #navigation rather than .primary-links was the solution. I’m no pro at this, but I think the code just needed to be consistent. I hope this makes sense to someone…

    Thread Starter Cass

    (@rickcst)

    Whoops. I was wrong. Cleared the cache, and the problem is still there…

    Anyone- why would the change to the woocommerce pages affect the regular WP pages as well? Here is the code:

    .page-id-36 #navigation ul li.current-menu-item > a,
    .primary-navigation ul > li:hover > a {
    color: #FFF;
    }

    .woocommerce-page #navigation ul li.current-menu-item > a,
    .primary-navigation ul > li:hover > a {
    color: #000;
    }

    In other words, the woocommerce text above overrides the page-id-36 code.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘primary links color problem’ is closed to new replies.