Child theme

Hi!

How are you enqueueing the CSS files?

Taking a super quick look you may be able to do it by declaring it as a dependency. Something like:

add_action( 'wp_enqueue_scripts', 'zen_child_css' );
function zen_child_css() {
  wp_enqueue_style( 'child-css', get_stylesheet_uri(), array( 'bootstrap-css' ) );
}

May have to adjust a few things though, haven’t tried it out to see if that works as I can’t access a test site at the moment.

Thanks for your quick reply. Here’s what Elicit pulls in now via the functions.php file

function elicit_scripts_styles() {
	wp_enqueue_script( 'elicit-scrol', get_template_directory_uri() . '/js/scroll-to-top.js', array('jquery') );
	wp_enqueue_style('bootstrap-css', get_stylesheet_directory_uri() . '/css/bootstrap.min.css');
	wp_enqueue_style( 'elicit-style', get_stylesheet_uri());
	wp_enqueue_script('elicit-bootstrap-js', get_template_directory_uri().'/js/bootstrap.min.js', array('jquery') );
	wp_enqueue_style('font-awesome', get_template_directory_uri() .'/fontawesome/css/font-awesome.min.css');
	wp_enqueue_style( 'dashicons' );

}

How would you enqueue that?

Based on the snippet of code you posted, your theme has a little bug in it. When your theme loads the Bootstrap CSS, the theme calls get_stylesheet_directory_uri(), which points to the child theme’s folder if you’re using one. I’d advise contacting your theme’s author and pointing him or her to this thread. In the meantime, you can explicitly load Bootstrap’s CSS:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles', 20 );
function my_theme_enqueue_styles() {

  wp_enqueue_style( 'elicit-bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css' );
  wp_dequeue_style( 'bootstrap-css' );
  wp_enqueue_style( 'parent-style', get_template_directory_uri () . '/style.css ' );
  wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
  }

Wow, just noticed something the theme is doing very oddly. Loading the bootstrap file using the wrong function. ??

It should be using get_template_directory_uri() not get_stylesheet_directory_uri() but this will hopefully be fixed in a later version… ( hoping the theme’s author will notice that )

For the time being you can do something like:

add_action( 'wp_enqueue_scripts', 'zen_child_css' );
function zen_child_css() {
	wp_enqueue_style( 'parent', get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/css/bootstrap.min.css' );
	wp_enqueue_style( 'child-css', get_stylesheet_uri() );
}

In order to enqueue everything in your child theme but I can tell you there may be an error loading a resource. The bootstrap-css one because WordPress will try and look for a css folder in your theme when loading that file and it won’t find it.

Hope that helps!

Thank you for your help Jose Castaneda and stephencottontail. I used Flat Bootstrap theme instead of this one.

Happy to help, @zen2112