Why is my CSS file not loading in my custom theme development?

Store Design
1

I’m a noob to shopify theme development.

{{ ‘application.css’ | asset_url | stylesheet_tag }} renders as…

But the link goes to "page not found"... [https://wdba-dev-store.myshopify.com/cdn/shop/t/6/assets/application.css?238](https://wdba-dev-store.myshopify.com/cdn/shop/t/6/assets/application.css?238) I'm building a custom theme based on Dawn. Could somebody help me with this please.
2

Hi @webdevbyalex Have you created application.css in your shopify store ? if not then please create with following this Online Store > Edit Store > Asset tab > Add New CSS file > application.css and then put your all css code in this file and call this file in theme.liquid file as below

{{ 'application.css' | asset_url | stylesheet_tag }}

Let me know after implementation and please provide store URL so I can check that too!

3

I discovered that “shopify theme push” is not uploading the application.css asset but do not know why this is the case?

I uploaded the css file manually and the storefront is rendering properly now.
Why would the Tailwind generated file not be uploaded by the Shopify CLI when I push?

4

Thanx for your reply Sandeep. About 2 minutes before you posted I figured this out on my own. Now I am concerned about why the application.css file is not being included in the push.

5

@saim007

https://wdba-dev-store.myshopify.com/

I am learning how to create shopify themes with this online course… https://weeklyhow.com/courses/shopify-theme-development-tailwindcss/

The instructor does not respond to any support requests from his students.

Thank you for your help Sir.

6

hi I’m also learning Shopify themes from the same instructor on udemy same issue tailwindcss style is not working