在zerif lite主题中的徽标后添加文本

时间:2015-07-05 作者:Cesar

我尝试在Zerif lite主题的徽标后添加文本。我这样做是通过在标题中的徽标之后添加一个。php。

echo \'<a href="\'.esc_url( home_url( \'/\' ) ).\'" class="navbar-brand">\';

                        if( file_exists(get_stylesheet_directory()."/images/logo.png")):

                            echo \'<img src="\'.get_stylesheet_directory_uri().\'/images/logo.png" alt="\'.get_bloginfo(\'title\').\'">\';

                        else:

                            echo \'<img src="\'.get_template_directory_uri().\'/images/logo.png" alt="\'.get_bloginfo(\'title\').\'">\';

                        endif;

                    echo \'</a>\';

                endif;

            ?>



        </div>
DWOKO尼泊尔
        <nav class="navbar-collapse bs-navbar-collapse collapse" role="navigation"   id="site-navigation">


            <?php wp_nav_menu( array(\'theme_location\' => \'primary\', \'container\' => false, \'menu_class\' => \'nav navbar-nav navbar-right responsive-nav main-nav-list\', \'fallback_cb\'     => \'zerif_wp_page_menu\')); ?>

        </nav>
我还添加了自定义css

.section-header x6 {
margin-top=15px
我无法让文本Dwoko Nepal与徽标对齐,最好是在徽标右侧20像素。它总是位于顶部,并向下推菜单。

我是在localhost中完成这项工作的,所以我没有一个真实的例子来展示。

1 个回复
SO网友:Cristian

使用一些自定义。css创建2个这样的类

#main-nav-fb {
    width: 150px;
    display: block;
    padding: 2px 4px;
    border-radius: 0 0 4px 4px;
    background: #cc6052;
    font-size: 14px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 200px;
}
在标题中。php

之后

<div class="navbar-header responsive-logo">
添加如下内容:

<a id=main-nav-tel href="tel:+11111111111">+11111111111</a>

结束

相关推荐

Responsive Admin Themes

我在看这个管理主题的示例(http://themepixels.com/main/themes/demo/webpage/shamcey/dashboard.html). 至于标签为“Navigation”的左侧管理栏,有没有一种方法可以在不使用插件的情况下实现这种类型的左侧仪表板管理菜单?我想用css、js或Jquery来实现这一点,任何处理编码的东西都可以。