Home > database >  Custom CSS not loading on WordPress
Custom CSS not loading on WordPress

Time:09-09

I am building a custom WordPress theme and am having issue with linking to my CSS. Using <?php get_template_part( 'template-parts/template-header' ) ?> at the top of all of my templates (such as my homepage, which lives at template-parts/template-homepage, I am grabbing the header I have built. In the head of my header HTML I have <link rel="stylesheet" href="homepage.css"/>.

To ensure it's not something like a relative path issue, I've also placed my css files within template parts. When I preview the page my HTML is there, but no CSS. Any thoughts as to why this might be?

CodePudding user response:

You hardly posted any code, so it's impossible to give you clear instructions, but in general, you should enqueue all style sheets in your functions.php file, using the wp_enqueue_style() function.

Here are links to two pages which tell you more about this:

1.) A more technical description: https://developer.wordpress.org/reference/functions/wp_enqueue_style/

2.) A more tutorial-like description: https://learn.wordpress.org/lesson-plan/enqueueing-scripts-and-styles/

  • Related