Treehouse: Grow your CSS skills. Land your dream job.

My WordPress menu with a ribbon

  • # September 9, 2011 at 8:16 am

    Hi there,

    I’m trying to figure out how to combine the Ribbon tutorial here on the site with the menu of my wordpress blog. I’m currently trying to personalize the theme I use. Its still in a early phase. In the meanwhile i’m trying to learn some more html and css.

    I understand the ribbon css, but my wordpress and specially php developing skills are not that high.

    The code that creates my menu is:

    < ?php /* Main Menu */ ?>

    < ?php wp_nav_menu( array( 'theme_location' => 'header', 'container' => '' ) ); ?>

    This gives me:

    What I don’t get is how to add the:
    to the menu, so I can start building the css.

    Anyone who could explain this to me?


    # September 10, 2011 at 1:30 am

    Hi Jonas, I know this is off topic but I visited your wordpress and I really liked the shadows at the bottom corners and on mouse over effect of each post borders. I am a just starting learning about css and html myself. Would you be willing to tell me how you did style those effects?

    Thank you very much.


    # September 10, 2011 at 5:55 am

    Hi Oolivia,

    I’m not shire how its done because its a theme I bought. I’m only trying to adjust my header and footer so haven’t looked at the rest of the code.
    As far as I can see it can be the css3 box-shadow argument.

    Anyone who can help me out with my problem?


    # June 19, 2012 at 2:29 pm

    try using this menu code for wordpress
    < ?php wp_nav_menu( array( 'container_class' => ‘menu-header ribbon’, ‘theme_location’ => ‘primary’ ) ); ?>
    works fine for me

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.