Need help? Check out our Support site, then


menu sub-category highlight color

  1. Using the Linen theme, I have several items on my menu bar with sub-categories and even another level of subcategories below that. I know it's a small thing, but I would like to change the color of the subcategory line items when the list is displayed and I would like to change the color of the item that is high-lighted when you hover your mouse over it.

    So for example, under the menu entry "Destinations" I would like the sub-menu items (France, Greece, etc) to be a little darker grey so that the arrow for subsequent categories (Paris, Lyon, etc) is more clear.
    see http://daydreamtourist.com

    Thanks in advance and let me know if there is anything else I do to clarify my question.

    The blog I need help with is daydreamtourist.com.

  2. May I remove credit links such as ‘Blog at WordPress.com’, theme, font, or toolbar links?
    All WordPress.com bloggers are required to maintain the credit links, even our VIP bloggers. Please do not hide the footer credits or the toolbar with CSS after purchasing a Custom Design upgrade.
    http://en.support.wordpress.com/custom-design/#frequently-asked-questions

    Terms of Service
    11. Attribution. Automattic reserves the right to display attribution links such as ‘Blog at WordPress.com,’ theme author, and font attribution in your blog footer or toolbar. Footer credits and the WordPress.com toolbar may not be altered or removed regardless of upgrades purchased. http://en.wordpress.com/tos/

    Restore the footer credit links to the blog please. This thread is tagged and will be moved to the CSS Forum for you.

  3. Wait, what? I do have the footer credit link to WordPress.com on the bottom of my blog. The text is white so it is hard to see. I didn't remove it. How do I change the text to black so that it is more clear?

  4. So for example, under the menu entry "Destinations" I would like the sub-menu items (France, Greece, etc) to be a little darker grey so that the arrow for subsequent categories (Paris, Lyon, etc) is more clear.

    Changing the submenu item colors and the arrow color will be separate. I'll include examples of both.

    I would like to change the color of the subcategory line items when the list is displayed and I would like to change the color of the item that is high-lighted when you hover your mouse over it.

    To change the background color and hover background of submenu items in the Linen theme, add the following to your Appearance → Themes → Customize → CSS panel:

    .nav li li {
    	background: red;
    }
    .nav li li:hover,
    .nav li li.sfhover,
    .nav li li.current-menu-item,
    .nav li li.current_page_parent,
    .nav li li.current_page_ancestor,
    .nav li li.current-cat-parent,
    .nav li li.current-cat,
    .nav li li.current_page_item {
    	background: yellow;
    }

    Change the color names to color codes of your choice.
    http://en.wikipedia.org/wiki/Web_colors#X11_color_names

    The arrows next to the menu items, however, are added using an image. Here is the image the theme uses:
    http://s2.wp.com/wp-content/themes/premium/linen/images/nav-arrows.png

    If you wanted to change the arrow colors, you would need to download that image, update the arrow colors in it, save the new image, upload it to your blog media library, copy the link for the newly uploaded image, and paste that link into the url() value to replace YOUR_IMAGE_LINK in the following example:

    .sf-sub-indicator {
    	background: url(YOUR_IMAGE_LINK) no-repeat -10px -100px;
    }
  5. How do I change the text to black so that it is more clear?

    Try adding this:

    #copyright,
    #copyright a {
    	color: #777;
    }

    Adjust the color code as needed.

Topic Closed

This topic has been closed to new replies.

About this Topic