• I’m trying to create a child theme for my theme (Kuorinka) but without even adding anything but comments in the child style.css the layout changes completely. Screenshot of how the layout breaks: Child theme problem. It’s on this site: http://www.resledaren.se

    Can someone help me figure out what is going wrong?

    I copied the code from an example child theme. My style.css for the child theme simply looks like this:

    /**
     * Theme Name:  Kuorinka Child Dev
     * Theme URI:   https://foxland.fi/downloads/kuorinka
     * Description: Dev child theme for Kuorinka theme
     * Version:     1.0.0
     * Author:      Sami Keijonen
     * Author URI:  https://foxland.fi
     * Text Domain: kuorinka-child-dev
     * Domain Path: /languages/
     * Tags:        blue, white, light, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, accessibility-ready, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
     * License:     GNU General Public License v2.0 or later
     * License URI: http://www.gnu.org/licenses/gpl-2.0.html
     * Template:    kuorinka
     */
Viewing 4 replies - 1 through 4 (of 4 total)
  • lisa

    (@contentiskey)

    what is showing in your functions file for your child theme?

    Child theme inherits all the functionality and styling of it’s parent theme. If you are using child theme and a theme update is applied your changes won’t be lost or overwitten
    You can quickly create child theme for any theme, just follow the steps given below:

    1. Create a folder and name it exactly your theme name; append -child in the name. e.g. creating child theme for twentysixteen theme would be called twentysixteen-child this folder should sit beside parent theme under wp-content/themes/
    2. Your child theme should have three files –

    • style.css
    • functions.php
    • screenshot.png
      3. In functions.php file you can override parent theme functions.
      4. In style.css file you can override parent theme CSS code.

      Your child theme should have all above 3 files. Please check your child theme functions.php file .

      For more info have a look over below thread- https://codex.wordpress.org/Child_Themes

    Thread Starter supmah5

    (@supmah5)

    Thanks for helping 🙂 This is my functions.php

    <?php
    function kuorinka_child_dev_theme_setup() {
    
    	/* Load child theme text domain. */
    	load_child_theme_textdomain( 'kuorinka-child-dev', get_stylesheet_directory() . '/languages' );
    
    	/*
    	 * Add a custom background to overwrite the defaults. Remove this section if you want to use
    	 * the parent theme defaults instead.
    	 *
    	 * @link http://codex.wordpress.org/Custom_Backgrounds
    	 */
    	add_theme_support(
    		'custom-background',
    		array(
    			'default-color' => 'f7f7f7',
    			'default-image' => ''
    		)
    	);
    
    	/*
    	 * Add a custom header to overwrite the defaults. Remove this section if you want to use the
    	 * the parent theme defaults instead.
    	 *
    	 * @link http://codex.wordpress.org/Custom_Headers
    	 */
    	add_theme_support(
    		'custom-header',
    		array(
    			'default-text-color' => '2e2e2e',
    			'default-image'      => get_stylesheet_directory_uri() . '/images/headers/child.jpg'
    		)
    	);
    
    	/*
    	 * Registers default headers for the theme. If you don't want to add custom headers, remove
    	 * this section. Note: Header thumbnail sizes should be 230x78.
    	 *
    	 * @link http://codex.wordpress.org/Function_Reference/register_default_headers
    	 */
    	register_default_headers( array(
    		'child' => array(
    			'url'           => '%2$s/images/headers/child.jpg',
    			'thumbnail_url' => '%2$s/images/headers/child-thumbnail.jpg',
    			'description'   => __( 'Test header', 'kuorinka-child-dev' )
    		)
    	) );
    
    	/* Add child theme fonts to editor styles. */
    	add_editor_style( kuorinka_child_dev_fonts_url() );
    
    }
    add_action( 'after_setup_theme', 'kuorinka_child_dev_theme_setup', 11 );
    
    /**
     * Enqueue scripts and styles.
     *
     * @since  1.0.0
     */
    function kuorinka_child_dev_scripts() {
    
    	/* Dequeue parent fonts. */
    	wp_dequeue_style( 'kuorinka-fonts' );
    
    	/* Enqueue fonts. */
    	wp_enqueue_style( 'kuorinka-child-dev-fonts', kuorinka_child_dev_fonts_url(), array(), null );
    
    }
    add_action( 'wp_enqueue_scripts', 'kuorinka_child_dev_scripts', 11 );
    
    /**
     * Return the Google font stylesheet URL
     *
     * @since  1.0.0
     * @return string
     */
    function kuorinka_child_dev_fonts_url() {
    
    	$fonts_url = '';
    
    	/* Translators: If there are characters in your language that are not
    	 * supported by Lato, translate this to 'off'. Do not translate
    	 * into your own language.
    	 */
    	$lato = _x( 'on', 'Lato font: on or off', 'kuorinka-child-dev' );
    
    	/* Translators: If there are characters in your language that are not
    	 * supported by Arimo, translate this to 'off'. Do not translate
    	 * into your own language.
    	 */
    	$arimo = _x( 'on', 'Arimo font: on or off', 'kuorinka-child-dev' );
    
    	if ( 'off' !== $lato || 'off' !== $arimo ) {
    		$font_families = array();
    
    		if ( 'off' !== $lato )
    			$font_families[] = 'Lato:300,400,700,900,300italic,400italic,700italic,900italic';
    
    		if ( 'off' !== $arimo )
    			$font_families[] = 'Arimo:400,700,400italic,700italic';
    
    		$query_args = array(
    			'family' => urlencode( implode( '|', $font_families ) ),
    			'subset' => urlencode( 'latin,latin-ext' ),
    		);
    		$fonts_url = add_query_arg( $query_args, "//fonts.googleapis.com/css" );
    	}
    
    	return $fonts_url;

    lisa

    (@contentiskey)

    please look over: https://codex.wordpress.org/Child_Themes
    for guidance to get a clean start on your child theme

    after you get the child theme operating properly with just the basic code, then you can add all of the extra stuff to further customize.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Child theme modifies site without changes’ is closed to new replies.