Child Theme css Loads in WP Admin Editor but not in Preview or on Localhost Render

I am using XAMPP to host locally while I make my website aesthetically pleasing, once it looks how I want I plan on hosting with localhost. Yesterday I learned what a child theme was so today I took the (hopefully) proper steps to create one. I have included the headers for both the styles and function files of my child theme in this post, because I suspect the functions file may be the culprit here. I have a little css knowledge, really all I wanted to do was change my background and the font for the website, which is very easy. As shown above while using WP Editor every change I make to my child theme stylesheet “grand-sunrise” updates as expected. However when I go Dashboard>Appearance>Customize as well as if I navigate to Local host/Site Folder/Wordpress, none of my css loads. And also Woocommerce seems to not be able to understand that I want to use custom css. I am trying to figure out why this is, I know it has to be either a problem with how I have the headers and thus the files are not read correctly (which is confusing to me because its working fine in the editor, it should look how I edited it), or a caching issue (because that is what research keeps saying it is). I do not want to go the “additional css” route because for some reason when I did do that I never saw the change apply.

1 Comment
  1. Ok I thought my pictures would be included in here but I guess not. If you need a visual dm me.

    styles css header
    /*
    Theme Name: Grand Sunrise
    Theme URI: http://example.com/twenty-twenty-two-child/
    Description: The description of the child theme goes here
    Author: John Doe
    Author URI: http://example.com
    Template: garden-plant-shop
    Version: 1.0.2
    */

    Functions php header
    <?php
    // Your code to enqueue parent theme styles
    function enqueue_parent_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
    }

    add_action( ‘wp_enqueue_scripts’, ‘enqueue_parent_styles’ );
    ?>

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer