WordPress.org

Ready to get started?Download WordPress

Forums

trying to make a custom top nav menu (6 posts)

  1. garek007
    Member
    Posted 4 years ago #

    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

    http://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?

  2. Josh Leuze
    Member
    Posted 4 years ago #

    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.

  3. garek007
    Member
    Posted 4 years ago #

    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?

  4. Josh Leuze
    Member
    Posted 4 years ago #

    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;
    }
  5. garek007
    Member
    Posted 4 years ago #

    that worked you're AWESOME! Thanks!

  6. Josh Leuze
    Member
    Posted 4 years ago #

    No problem garek, cool site by the way.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.