Change my menu text color, not my body color.

  • Guys the header 1 menu…. home resources education business government….is all black and cannot be seen cause my blog text needs to be black or it blend into the white background too much….so basically the menu and the white box part of the blog preview on the home page are tied to H3 or something to that effect. How can I change one of them so it is on H4 or something. Thanks.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    The body text styling does not relate to any header element. What’s going on is your menu item styling takes on the general link color for your site. You can override this and assign another color to menu items. For example:

    nav[class*=menu] .ct-menu-link {
    color: white;
}

    Add this to the Additional CSS section of the customizer.

    While white reads well, there is no differentiation between the current page’s menu item and the others. Perhaps the current menu item should have a bottom border or semi-transparent background? While more adjustments are needed, this could be a starting point:

    nav[class*=menu] li[class*=current-menu-]>.ct-menu-link, nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent {
    background-color: rgba(0, 200, 0, 0.5);
}
Viewing 1 replies (of 1 total)
  • The topic ‘Change my menu text color, not my body color.’ is closed to new replies.