trying to make a custom top nav menu

  • Hi,

    I just got started on wordpress today, and so far I love it.

    I’m trying to make a top nav for my site. It looks great on the home page but on sub pages there is a bullet next to the first menu item and the text is small. this happens even though I think I’ve edited the proper areas in the CSS

    here is the page

    https://theforceproductions.com/wordpress/?page_id=3

    here is the css

    .pagenav { display:inline; list-style:none;font-size:1.8em;} /* the outermost list item; contains whole list */
    .page-item-2 { display:inline; list-style:none;font-size:1.8em; } /* item for Page ID 2 */
    .page_item { display:inline; list-style:none;font-size:1.8em;padding:8px;} /* any Page item */
    .page_item a{text-decoration:none;}
    .current_page_item {display:inline; list-style:none;font-size:1.8em;font-weight:bold;} /* the current Page */
    .current_page_parent { display:inline; list-style:none;font-size:1.8em;} /* parent of the current Page */
    .current_page_ancestor { display:inline; } /* any ancestor of the current Page */

    can someone help?

Viewing 5 replies - 1 through 5 (of 5 total)

  • On the interior pages, your home link is just a plain list item, the other list links have the class of “page_item”.

    So you either need to add that class to the home link, or you need to add the css styles for the “page_item” class list to the regular list as well.

    Thread Starter garek007

    (@garek007)

    I would add that class to the ‘home’ item, but I don’t know how to get into that area to style it??!!

    in other words, I’m using wp_page_menu which calls a wordpress function, but how do I get into it to style the home item?

    It depends on your theme, are you using the default theme, Kubrick?

    The easiest way would be to add some CSS to style the home link to match the rest.

    Try adding this CSS to your stylesheet:

    .page-navi li {
display:inline;
font-size:1.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:8px;
}

    Thread Starter garek007

    (@garek007)

    that worked you’re AWESOME! Thanks!

    No problem garek, cool site by the way.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘trying to make a custom top nav menu’ is closed to new replies.