Question

我正在尝试在Wordpress 4.7.3上使用Zerif Pro为网站建立2个自定义页面模板我已经创建了模板文件，但无法获得我想要的布局。

我正在尝试获取全宽度模板，其内容直接显示在navbar下方。

使用inspect元素我可以编辑CSS到

.content-left-wrap {
   padding-top: 0px;
}

并获得理想的外观，但我无法弄清楚我的fullwidth.php文件中的更改内容或放置位置。

下面的模板代码：

<div class="clear"></div>
</header> <!-- / END HOME SECTION  -->

<?php zerif_after_header_trigger(); ?>

<div id="content" class="site-content"> 
  <div class="container">
    <div class="content-left-wrap col-md-12">
        <div id="primary" class="content-area">
            <main id="main" class="site-main" role="main">

                <?php 
                    while ( have_posts() ) : 
                        the_post();
                        get_template_part( 'content', 'page-no-title' ); 
                        /* If comments are open or we have at least one comment, 
                        load up the comment template */
                        if ( comments_open() || '0' !=  get_comments_number() ) :
                            comments_template();
                        endif;
                    endwhile;
                ?>

            </main><!-- #main -->
        </div><!-- #primary -->
    </div><!-- .content-left-wrap -->
</div><!-- .container -->

<?php
   get_footer();
?>

Answer 1

修改 fullwidth.php 向此div添加另一个类

<div class="content-left-wrap wrap-new col-md-12">

然后使用新类

将css添加到模板css文件中

.wrap-new
{
.content-left-wrap {
padding-top: 0px;
}

}

将css应用于自定义Wordpress模板

1 个答案: