カスタムWordpressテンプレートにCSSを適用する

Question

Wordpress 4.7.3でZerif Proを使用してサイトのカスタムページテンプレートを2つ作成しようとしています テンプレートファイルを作成しましたが、必要なレイアウトを取得できません。

コンテンツがnavbarのすぐ下に表示される全幅のテンプレートを取得しようとしています。要素を検査使用

私は

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

にCSSを編集して、目的の外観を得るが、私は私の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 class="content-left-wrap wrap-new col-md-12"> 

ようDIVし、新しいクラスを使用してテンプレートのcssファイルにCSSを追加

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

}