CSS in child theme isn't working properly

Question

I am trying to get a child theme to work. At first it didn't load because it didn't recognise it as a child theme. Now it does work but when I activate it, it loads a version of my page seemingly without any css or something. There's only text and images there, but no styling. Is it that it isn't using the parent theme fully or something?

I am just starting with Wordpress so I'm sorry if I'm not very clear or using the right terminology. Thanks in advance.

This is my functions.php file:

<?php
function my_theme_enqueue_styles() {

$parent_style = ‘twenty seventeen-style’;

wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
    get_stylesheet_directory_uri() . '/style.css',
    array( $parent_style ),
    wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

Answer 1

You'll have to enter that code at the start of the functions.php file in your child theme to include the parent theme's style.css file

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

visit this page for more information

Answer 2

Did you follow the instructions here: https://codex.wordpress.org/Child_Themes ?

I thought that all that was required is to put this as the header in the Child Theme's style.css (example per the above link)

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

Then you can add additional CSS below the above style.css header, and additional functions in the Child Theme's functions.php . And then put your own templates in the same folder.

That's the way I have always done my child themes. No wp_enqueue_style needed, etc.