Kale child theme home page looks different.

Hi burgers.

Thank you for contacting us and for using our theme. We appreciate it.

As far as I can tell, that difference comes from the fact that your parent theme has been set to show your blog posts on the homepage (Settings -> Reading -> Your latest posts) while your child theme is set up to have a static page as your homepage (Settings -> Reading -> A static page).

So you can easily change that in your child theme.

Hope this helps but if you have any additional questions, feel free to ask.

Kind regards.

You’re welcome.

That’s the way WordPress works, actually. If you set your homepage as a static page then it will not show your recent posts on it but you can have the posts on another page.
But if you want to have your blog posts on the homepage then you can not have another page for the recent blog posts. It applies to any theme since it is the core feature of WordPress. You can’t have it both ways, it is either/or setting.

This tutorial explains it nicely – http://www.wpbeginner.com/wp-tutorials/how-to-create-a-separate-page-for-blog-posts-in-wordpress/

Hope this helps but if you have additional questions, feel free to ask.

Kind regards.

Nope, that is style.css file.

What you need is functions.php file.

The code on that link has 30 lines in total:

<?php
add_action( 'wp_enqueue_scripts', 'kale_child_enqueue_styles' );
function kale_child_enqueue_styles() {
    
    $parent_style = 'kale-style';
    $deps = array('bootstrap', 'bootstrap-select', 'font-awesome', 'owl-carousel');
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' , $deps);
    
    wp_enqueue_style( 'kale-style-child', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->get('Version') );
}

function kale_get_option($key){
    global $kale_defaults;
    
    $parent_theme = get_template_directory();
    $parent_theme_slug = basename($parent_theme);
    $parent_theme_mods = get_option( "theme_mods_{$parent_theme_slug}");
    
    $value = '';
    $child_value = get_theme_mod($key);
    if(!empty($child_value)){
        $value = $child_value;
    }
    else if (!empty($parent_theme_mods) && isset($parent_theme_mods[$key])) {
        $value = $parent_theme_mods[$key];
    } else if (is_array($kale_defaults) && array_key_exists($key, $kale_defaults)) 
        $value = get_theme_mod($key, $kale_defaults[$key]); 
    return $value;
}
?>

Kind regards.

Well, that code NOW is from functions.php file. You had a CSS one before.

Basically, paste Github code AFTER

// END ENQUEUE PARENT ACTION line.

Do NOT paste the first line – <?php it already exists in your file.

Kind regards.

Paste this code:

add_action( 'wp_enqueue_scripts', 'kale_child_enqueue_styles' );
function kale_child_enqueue_styles() {
    
    $parent_style = 'kale-style';
    $deps = array('bootstrap', 'bootstrap-select', 'font-awesome', 'owl-carousel');
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' , $deps);
    
    wp_enqueue_style( 'kale-style-child', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->get('Version') );
}

function kale_get_option($key){
    global $kale_defaults;
    
    $parent_theme = get_template_directory();
    $parent_theme_slug = basename($parent_theme);
    $parent_theme_mods = get_option( "theme_mods_{$parent_theme_slug}");
    
    $value = '';
    $child_value = get_theme_mod($key);
    if(!empty($child_value)){
        $value = $child_value;
    }
    else if (!empty($parent_theme_mods) && isset($parent_theme_mods[$key])) {
        $value = $parent_theme_mods[$key];
    } else if (is_array($kale_defaults) && array_key_exists($key, $kale_defaults)) 
        $value = get_theme_mod($key, $kale_defaults[$key]); 
    return $value;
}
?>

below the line

// END ENQUEUE PARENT ACTION

in the functions.php file.

Kind regards.