I've hunted around for a solution but haven't found one. I am working on a WordPress child theme. The parent theme is Storefront from woocommerce. Got everything set up and started developing and realized all of the file changes that require a page re-load were working fine, but CSS injection just wasn't working. It was making changes in the DOM though, so I found the file it was changing and it was the style.css from the parent theme. Because this file is loaded before the child theme's style.css, the changes weren't being displayed until I reloaded the browser manually.
The only distinguishing factor I could think of that could help livereload know which one to inject is the directory the stylesheet is in. Or maybe there is a way to tell livereload which file to inject and I just can't find that option?
Any help would be appreciated.
I've hunted around for a solution but haven't found one. I am working on a WordPress child theme. The parent theme is Storefront from woocommerce. Got everything set up and started developing and realized all of the file changes that require a page re-load were working fine, but CSS injection just wasn't working. It was making changes in the DOM though, so I found the file it was changing and it was the style.css from the parent theme. Because this file is loaded before the child theme's style.css, the changes weren't being displayed until I reloaded the browser manually.
The only distinguishing factor I could think of that could help livereload know which one to inject is the directory the stylesheet is in. Or maybe there is a way to tell livereload which file to inject and I just can't find that option?
Any help would be appreciated.