child theme css code example

Example 1: how to make folder in child theme in theme editer

/*
 Theme Name:   WPB Child Theme
 Theme URI:    https://www.wpbeginner.com
 Description:  A Twenty Thirteen child theme 
 Author:       WPBeginner
 Author URI:   https://www.wpbeginner.com
 Template:     twentythirteen
 Version:      1.0.0
*/
 
@import url("../twentythirteen/style.css");
 
.site-title {
padding: 30px 0 30px;
}
 
.site-header .home-link {
min-height: 0px;
}
 
.navbar {
background-color: #e8e5ce;
}
 
.widget { 
background-color: #e8e5ce;
}
.site-footer {
background-color: #d8cdc1;
} 
.site-footer .sidebar-container { 
background-color:#533F2A
}

Example 2: how to make a child theme in wordpress

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}