Here are the contents of the files:
STYLE.CSS:
/*
Theme Name: Twenty Seventeen Child Theme
Theme URI: https://bdcr.org.uk/
Description: Twenty Seventeen Child Theme
Author: WordPress
Author URI: https://cyberium.co.uk/
Template: twentyseventeen
Description: Child theme for Twenty Seventeen.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen-child
*/
/* Make sure play/pause button can be clicked on smaller screens */
.wp-custom-header-video-button {
z-index: 3;
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
height: auto;
min-height: 100px;
}
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height: 60vw;
}
@media screen and (min-width: 48em)
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height: 60vw;
}
FUNCTIONS.PHP
<?php
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
function my_theme_enqueue_styles() {
$parent_style = ‘parent-style’; // This is ‘twentyseventeen-style’ for the Twenty seventeen theme.
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’)
);
}
/**
* Twenty Seventeen Child Theme functions
*
* @link https://developer.www.ads-software.com/themes/basics/theme-functions/
*
* @package WordPress
* @subpackage Twenty_Seventeen
* @since 1.0
* Change the minimum screen size to use the video header
*/
function twentyseventeenchild_video_size( $settings ) {
$settings[‘minWidth’] = 100;
$settings[‘minHeight’] = 100;
return $settings;
}
add_filter( ‘header_video_settings’, ‘twentyseventeenchild_video_size’ );
