如何设计新的菜单栏引导和wordpress？

我正在尝试为我的页脚添加一个新的类菜单。如何更改颜色、活动等

我把它添加到我的自定义css文件中

.navbar-rodape { background-color: none;}
.navbar-rodape .navbar-nav>.active>a:hover,.navbar-rodape .navbar-nav>li>a:hover, .navbar-rodape .navbar-nav>li>a:focus { background-color: #000000}
.navbar-rodape .navbar-nav>.active>a,.navbar-rodape .navbar-nav>.open>a,.navbar-rodape .navbar-nav>.open>a, .navbar-rodape .navbar-nav>.open>a:hover,.navbar-rodape .navbar-nav>.open>a, .navbar-rodape .navbar-nav>.open>a:hover, .navbar-rodape .navbar-nav>.open>a:focus { background-color: #080808}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #ED7913}
.navbar-rodape { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-rodape { border-color: #080808}
.navbar-rodape .navbar-brand { color: #999999}
.navbar-rodape .navbar-brand:hover { color: #FFFFFF}
.navbar-rodape .navbar-nav>li>a { color: #999999}
.navbar-rodape .navbar-nav>li>a:hover, .navbar-rodape .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-rodape .navbar-nav>.active>a,.navbar-rodape .navbar-nav>.open>a,.navbar-rodape .navbar-nav>.open>a:hover, .navbar-rodape .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-rodape .navbar-nav>.active>a:hover, .navbar-rodape .navbar-        nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-rodape .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-rodape .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-rodape .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-rodape .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

所以当我叫菜单的时候

<div class="col-md-3">
     <h4>Desporto</h4>
        <nav id="footermenu1" class="nav nav-pills nav-stacked" role="navigation">
        <?php  wp_nav_menu(array('theme_location' => 'footer_menu_desporto', 'container'=> false , 'menu_class' => 'navbar-rodape')); ?>
               </nav>
</div>

德斯波尔托

你没有采用新的风格吗？我做错了什么

---

thz高级

您好，请尝试此代码，它很有帮助