php - 将 css 应用于自定义 Wordpress 模板

Question

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

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

使用 inspect element 我可以将 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;
}