Twenty Ten Theme – Navigation Menu
-
Some of the items on the navigation menu are “white” and some are “gray”. The gray ones are not clearly visible because the menu is black.
Is there a way to have all the items and sub items be white all the time?
Thanks.
The blog I need help with is: (visible only to logged in users)
-
Hi,
Gray is the default color for all menu items on this theme except the one corresponding to the page visited. Ideally then, on your home page only the “Home” menu item should be white, and all of the others gray. See the Twenty Ten demo, for example.
The reason why your site has multiple white menu items is most likely due to the fact that it displays sub-menu items that do not have published pages corresponding to them. When that’s the case, WordPress.com automatically associates such menu items, and apparently the parent menu items that do correspond to pages as well, with the visited page. Hence the white rather than gray text.
Is there a way to have all the items and sub items be white all the time?
Perhaps, but if possible it would require CSS customization.
-
Creating and published pages and linking them to the appropriate sub-menu items should resolve the first issue.
-
-
Would the following code change all of the menu items and sub-items to white? Saw this on a Twenty Ten theme tutorial page, but am not at all experienced with code. If it seems like it would work, where would I insert this?
#access .menu ul li a {
color: white !important;
}#access .menu ul li.current_page_item > a {
color: white !important;
} -
I don’t know if it’ll work or where to put it. You may ask staff about that. I’ll tag the topic for staff attention.
-
-
Hi there,
To use custom CSS you need to have the Premium or Business plan on your site. That will allow you to add custom CSS in the Customizer, but as you don’t have either of those plans you won’t be able to use any custom CSS.
The tutorial you saw most likely refers to the self-hosted version of the theme as well, so I can’t guarantee that this particular code would even work on the WordPress.com version of the theme. CSS is very theme-specific, and we have a separate forum just for getting help with CSS here:
https://en.forums.wordpress.com/forums/css-customization
But as I said, this won’t help you unless you have the Premium or Business plan.
- The topic ‘Twenty Ten Theme – Navigation Menu’ is closed to new replies.
WordPress.com Forums 