Knowledgebase page causes theme layout issue

OK, so what I’ve found so far is that the KBE template appears to be overriding come of my theme’s css. If I add min-height: 667px; to the kbe_style.css file, it starts to look a little better (footer is more towards the bottom, but the top of the KB stuff is still cut off), but it’s static and not dynamic. The container class of the theme uses a min-height: auto; setting, but I tried that in kbe_style.css under the #kbe_container class and there was no effect. Should I be putting it somewhere else?

OK, I got it!

I had been trying to edit kbe_knowledgebase.php thinking it was the template for the parent page. What I actually needed to work on was archive-kbe_knowledgebase.php. I’ll have to make the same changes to the other php files, but at least I know what I need to change now.

FYI, there’s an awesome plugin called What The File that indicates which php file is powering a site, which is how I made the discovery above.

If anyone else is using the Zerif-Lite theme, I changed the archive-kbe_knowledgebase.php file from this:

<?php
    get_header();

    // Classes For main content div
    if(KBE_SIDEBAR_HOME == 0) {
        $kbe_content_class = 'class="kbe_content_full"';
    } elseif(KBE_SIDEBAR_HOME == 1) {
        $kbe_content_class = 'class="kbe_content_right"';
    } elseif(KBE_SIDEBAR_HOME == 2) {
        $kbe_content_class = 'class="kbe_content_left"';
    }

    // Classes For sidebar div
    if(KBE_SIDEBAR_HOME == 0) {
        $kbe_sidebar_class = 'kbe_aside_none';
    } elseif(KBE_SIDEBAR_HOME == 1) {
        $kbe_sidebar_class = 'kbe_aside_left';
    } elseif(KBE_SIDEBAR_HOME == 2) {
        $kbe_sidebar_class = 'kbe_aside_right';
    }
?>

<div id="kbe_container">

    <!--Breadcrum-->
    <?php
        if(KBE_BREADCRUMBS_SETTING == 1){

To this:

<?php
    get_header();

    // Classes For main content div
    if(KBE_SIDEBAR_HOME == 0) {
        $kbe_content_class = 'class="kbe_content_full"';
    } elseif(KBE_SIDEBAR_HOME == 1) {
        $kbe_content_class = 'class="kbe_content_right"';
    } elseif(KBE_SIDEBAR_HOME == 2) {
        $kbe_content_class = 'class="kbe_content_left"';
    }

    // Classes For sidebar div
    if(KBE_SIDEBAR_HOME == 0) {
        $kbe_sidebar_class = 'kbe_aside_none';
    } elseif(KBE_SIDEBAR_HOME == 1) {
        $kbe_sidebar_class = 'kbe_aside_left';
    } elseif(KBE_SIDEBAR_HOME == 2) {
        $kbe_sidebar_class = 'kbe_aside_right';
    }
?>

<div class="clear"></div>  <!-- added this -->

</header> <!-- / END HOME SECTION  -->  <!-- added this -->

<div id="content" class="site-content">  <!-- added this DOES NOT HAVE A CLOSE div TAG! -->

<div class="container">  <!-- added this -->

<div class="content-left-wrap col-md-12">  <!-- added this -->

<div id="primary" class="content-area">  <!-- added this -->

<div id="kbe_container">

    <!--Breadcrum-->
    <?php
        if(KBE_BREADCRUMBS_SETTING == 1){
    ...
    ...
    ...
    </div> <!-- added this -->
    </div> <!-- added this -->
    </div> <!-- added this -->

I have also started using a child theme, so I had to place the modified php template file into the child theme folder rather than modifying the file created in the parent theme’s folder.

I am still noticing that the footer “jumps” when the page initially loads. If someone knows how to resolve that, I’d love to know!