Enqueuing Stylesheet for custom page template of child theme.

When used in a child theme, get_template_directory_uri() refers to the parent theme. In a child theme, you should use get_stylesheet_directory_uri() instead.

OMG !!! haha. You have no idea how much I appreciate this. If I could I would hug you dude (in a not weird way of course).

I do have a new problem though. I checked my browser and saw that the stylesheet is now enqueuing in successfully, but when I inspect the elements on the custom page template they show they are using a different stylesheet from the parent theme (content-sidebar.css to be precise).

Is this because of the way I perhaps have my conditional written that targets the custom page template?

I found that if I add “!important” to the styles of stylesheet I wanted they work. Here is the code of my css file:

/*
Theme Name: lander
Layout: Page Work Style
*/

@import url(‘../my-simone/layouts/content-sidebar.css’);

.site-content {
background-color: black !important;
}

I truly appreciate any help, thank you.

Can you post a link to your site?

It’s a localhost, so I don’t think so.

What parent theme are you using?

It’s a custom theme built with Underscores. I learned it from lynda.com. It’s called My-Simone

Is your theme based on this theme: Simone?

yes

I noticed that you import a stylesheet named content-sidebar.css in your page template’s stylesheet. Would your site break if you didn’t import that stylesheet?

The site doesn’t break but it then defaults to the next stylesheet, which is no-sidebar.css and if you remove that it calls style.css.

Hmm. What if you did this instead:

function lander_work_script() {
if ( is_page_template('page-templates/page-work.php') ) {
wp_enqueue_style( 'lander-work-style', get_stylesheet_directory_uri() . '/layouts/page-workStyle.css');
}
}

add_action('wp_enqueue_scripts', 'lander_work_script', 15, 0);

The “15” in the add_action() means that this function is executed later than the parent theme’s function, which would mean that your custom page’s stylesheet will be loaded after the parent theme loads its stylesheets, which would mean that the styles in page-workStyle.css would take priority.

YES THAT WORKED !!!!! Dude you saved me from going bald trying to fix this. Thank you so much.

Thanks for the all the help