Change Navigation Bar

  • I am happy with the length of the Navigation Bar but would like to add another line of page links underneath the present one.

    Have been into style css “Navigation Menus” and change the height and line numbers with no success. Can someone please help

    Theme is Estetica 1.0

    Thank you

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

  • There are thousands of WordPress themes – which means that many people won’t be familiar with your particular theme. So a link to your site might help.

    Thread Starter stolz1952

    (@stolz1952)

    Thanks never thought of that

    https://www.skincenteral.com

    Try removing height:38px; from:

    .navcontainer {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:10px solid #BCBDA5;
height:38px;
}

    in style.css

    Thread Starter stolz1952

    (@stolz1952)

    Thanks for the reply tried that this morning and nothing happened.

    Unfortunately being a newbie I am not at all familular with html

    If I go to the header.php and cut this out the Navigation Bar vanishes altogether dont know if this is of any help

    <div id=”pagemenucontainer”>
    <ul id=”pagemenu”>
    <li <?php if(is_home()) { ?> class=”current_page_item” <?php } ?>>/”>Home
    <?php wp_list_pages(‘depth=1&sort_column=menu_order&title_li=’ ); ?>

    This is a copy of the style.css from Navigation Menus down to Content.

    /* NAVIGATION MENUS */

    #pagemenucontainer {
    height: 30px;
    margin-top: 25px;
    background: url(images/pagemenu-left.png) top left no-repeat;
    padding-left: 11px;
    }

    #pagemenu {
    height: 30px;
    float: left;
    background: #b3b58d url(images/pagemenu-right.png) top right no-repeat;
    }

    #pagemenu, #pagemenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }
    #pagemenu {
    }

    #pagemenu ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px
    }

    #pagemenu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 6px 6px;
    }

    #pagemenu ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #pagemenu li a, #pagemenu li a:link {
    color: #fff;
    display: block;
    margin: 0;
    padding: 8px 10px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 0 #88885a;
    }

    #pagemenu li a:hover, #pagemenu li a:active{
    color: #fff;
    display: block;
    text-decoration: underline;
    }

    #pagemenu li.current_page_item a {
    color:#fff;
    }

    #pagemenu li:hover, #pagemenu li.sfhover {
    position: static;
    }

    .navcontainer {
    height: 38px;
    background: #fff;
    border-bottom: 10px solid #bcbda5;
    }

    #nav {
    height: 38px;
    }

    #nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 2;
    }
    #nav {
    padding-left: 10px;
    }

    #nav ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    #nav li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #nav ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #nav li a, #nav li a:link {
    color: #4e4d4d;
    display: block;
    margin: 0px 3px 0px 3px;
    padding: 8px 12px 8px 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    }

    #nav li a:hover, #nav li a:active {
    color: #fff;
    display: block;
    text-decoration: none;
    background: #bcbda5;
    -moz-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    text-shadow: 0 1px 0 #959679;
    }

    #nav li.current-cat a {
    color:#fff;
    background: #bcbda5;
    -moz-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    text-shadow: 0 1px 0 #959679;
    }

    #nav li:hover, #nav li.sfhover {
    position: static;
    }

    Sorry I dont know if any of this is helpful

    Thanks for your time
    Shirley

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Navigation Bar’ is closed to new replies.