Wordpress Child Theme Needs to pull Multiple style sheets form Parent

Question

I am putting together a wordpress child theme based on a parent theme that has multiple style sheets in it's directory. So for example this is the navigation to a few of the style sheets:

parent-theme/style.css
parent-theme/css/style.css
parent-theme/css/bootstrap.css

I created my child folder and created my style.css file as well as my function.php file but it seems that the child theme is only pulling the style sheet for the parent-theme/style.css file and not pulling all the .css files.

After doing some digging this is where my functions.php file is at currently:

<?php

/* v1.0.5
Date: 5/15/17
*/


function my_theme_enqueue_styles() {

$parent_style = 'wizard-style'; // This is 'wizard' for the Wizard theme.

wp_enqueue_style( $parent_style, get_template_directory_uri() . 'style.css' );
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/css/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' );
?>

My main objective is to have the child theme pull all needed stylesheets and utilize the one single style sheet under my child them folder (child-theme/style.css) for any changes I would like to make.

My questions are:

Is this possible?
- If it is possible, what errors may be occurring that is causing my fucntion.php file not to pull all the stylesheets?
- If it is not possible, what changes do I need to make to my function.php file and my directory to make this work?

Sam T Sam T · Accepted Answer · 2020-04-14T20:35:01

I had an issue like this with ArileWP theme, after a lot of research I figured out that loading multiple style sheets was not the issue (using the enqueue function on wordpress.org forums and other forums did in fact load all stylesheets regardless of whether they were in the root level or lower directory levels of the parent theme).

The issue in my case ended up being that Arile requires you to install their "arile extra" plugin, and this plugin has an if statement that is conditional on what your child theme is named:

if( 'ArileWP' == $activate_theme || 'Business Street' == $activate_theme || 'StrangerWP' == $activate_theme || 'NewYork City' == $activate_theme || 'InteriorPress' == $activate_theme || 'Arile WP Child' == $activate_theme ){
        require("inc/arilewp/arilewp.php");

Their plugin has a default name Arile WP Child that, if you are not using as the name of your child theme, the extra features included in the plugin will not execute.

The cleanest solution in my case was to simply change the name of my child theme to the one defaulted in their php file.

Might not be the same issue you are having but was a simple fix that just took me a long time to narrow down.

Wordpress Child Theme Needs to pull Multiple style sheets form Parent

2 Answers