Skip to content

Instantly share code, notes, and snippets.

Last active May 22, 2017
What would you like to do?
Contents of my Twentyseventeen child theme.
* The functions file for Child of Twentyseventeen theme.
* @package WordPress
* @subpackage child_of_twentyseventeen
* @since 1.0
* @version 1.0
* Since 1.0.
function my_theme_enqueue_styles() {
$parent_style = 'parent-twentyseventeen-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-twentyseventeen-style',
get_stylesheet_directory_uri() . '/style.css',
array( $parent_style ),
wp_get_theme()->get( 'Version' )
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
* SVG icons functions and filters.
include_once( get_stylesheet_directory() . '/inc/social-menu-links.php' );
Theme Name: Child of Twenty Seventeen
Theme URI:
Author: the WordPress team
Author URI:
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI:
Text Domain: child-twentyseventeen
Template: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
.main-navigation .menu-social-links-menu-container .icon {
display: inline-block;
font-size: 36px;
.widget-area .menu-social-links-menu-container ul li {
display: inline-block;
font-size: 1rem;
border: none;
padding: 0;
.widget-area .menu-social-links-menu-container ul li a {
background-color: #767676;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
.widget-area .menu-social-links-menu-container ul li a:focus,
.widget-area .menu-social-links-menu-container ul li a:hover {
background-color: #333;
color: #fff;
border: none;
box-shadow: none;
.widget_search {
clear: both;
.widget-area .social-navigation {
width: 100%;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment