Code to add buttons to a text link navbar

  • Hello world,

    I’m using the Stunning Silence template and want to replace the text links in my navbar with buttons so I can add some whitespace and use some custom font. My thoughts were to create an image for the button in Photoshop, then add the button and link it to the accompanying page.
    If there is an easier way I’m open to suggestions.

    Here is the code from my header:
    ———————————————————————
    <body>
    <div id=”nav”>
    <div class=”container”>
    <?php
    if(!(get_option(‘stsi_navtext’) == “none”)) {
    if(!(get_option(‘stsi_navtext’) == “”)) {
    echo get_option(‘stsi_navtext’);
    }
    else {
    echo ‘Navigation:’;
    }

    } ?>

      <?php wp_list_pages(‘sort_column=menu_order&include=9,2,11,12&title_li=’); ?>

    </div>
    </div>
    ———————————————————————

    thanks for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter tiasoap

    (@tiasoap)

    oh, my site is https://www.tiasoap.com

    thanks

    Hey – I made soap today….doesn’t look as nice as yours does. ??

    WordPress automatically includes classes based on the page id –
    <li class="page_item page-item-3"> is the code for your “Produces” – so you can make use of that by having a class listed in your css file that defines the style and adds the image.

    Thread Starter tiasoap

    (@tiasoap)

    Thank you, and thank you!

    I’m going to try that out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Code to add buttons to a text link navbar’ is closed to new replies.