Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #113144
    kerbyengen
    Participant

    Can you tell me how to change the font color of an active page within the top navigation of the Catch Box theme? We are using the Light color scheme of Catch Box but would like the font color to be red after the user selects the page. Currently it becomes bold and white when the page is active, we would like it to be bold and red.

    http://www.ndatl.k12.nd.us/

    #113152
    Mahesh
    Participant

    @kerbyengen: Tried to check your site but the site didn’t load.

    Regards,
    Mahesh

    #113191
    kerbyengen
    Participant

    Not sure why you cannot open the link that I posted, the site is live and available. You can also find it by typing NDATL into any search engine and it will be the first site listed. Here is a link to a screenshot of our top navigation if that works better for you. I circled the “Welcome” tab within the top navigation as that is what we would like to be red. The font color of the active page you are on would turn red and bold instead of white and bold.

    https://drive.google.com/open?id=0B2nfp36x2vMbTGZfZlViaWEwVVk

    Thank you!

    #113225
    Mahesh
    Participant

    @kerbyengen: Tried again but still your site is seem to be down. Try the following CSS. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    #access .menu .current-menu-item > a, #access .menu .current-menu-ancestor > a, #access .menu .current_page_item > a, #access .menu .current_page_ancestor > a, #access-secondary .menu .current-menu-item > a, #access-secondary .menu .current-menu-ancestor > a, #access-secondary .menu .current_page_item > a, #access-secondary .menu .current_page_ancestor > a, #access-footer ul.menu .current-menu-item a {
        color: #ff0000;
    }

    Regards,
    Mahesh

    #113251
    kerbyengen
    Participant

    Thank you so much! That is exactly what we want. Kerby

    #113258
    kerbyengen
    Participant

    One more request – now that the active page font is red, is there code that we can add that will take the bold style out?

    #113367
    Mahesh
    Participant

    @kerbyengen: Add the following CSS:

    #access .menu .current-menu-item > a, #access .menu .current-menu-ancestor > a, #access .menu .current_page_item > a, #access .menu .current_page_ancestor > a, #access-secondary .menu .current-menu-item > a, #access-secondary .menu .current-menu-ancestor > a, #access-secondary .menu .current_page_item > a, #access-secondary .menu .current_page_ancestor > a, #access-footer ul.menu .current-menu-item a {
        font-weight: normal;
    }

    Regards,
    Mahesh

    #113386
    kerbyengen
    Participant

    Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change the font color of an active page within the top navigation’ is closed to new replies.