Magento – Magento 2 not loading custom css

magento2

I am new to Magento 2 Theme Development; I have gone through the frontend development guide.

I set my child theme to Magento Blank theme. I have done all that the guide says and added my CSS file but it is not showing on the frontend.

I have cleared all the caches and deployed static content.

Below is my setup. Any help would be great!

Local theme path: design/frontend/Speedcrete/speedcrete

Inside the folder speedcrete the structure is:

|-etc | |-view.xml | |- Magento_theme | |-layout | |-default_head_blocks.xml | | |-media | |-preview.jpg | |-web | |-css | |-custom.css | |-fonts | |-images | |-js | |-registration.php |-theme.xml

Here is the code for default default_head_blocks.xml:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <!-- Add local resources --> <css src="Magento_Theme::css/speedcrete.css"/> </head> </page>

Here is the code for the theme.xml file:

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
 <title>speedcrete</title> <!-- your theme's name -->
 <parent>Magento/blank</parent> <!-- the parent theme, in case your theme inherits from an existing theme -->

Let me know if I need to supply more files.

I have tried to run the following commands and then clear the cache and no joy.

php bin/Magento setup:upgrade –keep-generated
php bin/Magento setup:static-content:deploy

Only another thing it might be is that there are no files under design/frontend/Magento/blank. I looked at another forum and they said it was ok as it is stored elsewhere. It seems to be the case as the "blank" theme is showing when I have my custom theme activated. Only cannot see any custom CSS I add.

Best Answer

In my case, i just add default.xml to my themes. and it's working fine.

<page layout="3columns" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <update handle="default_head_blocks"/>
  ...

and default_head_blocks.xml

<head>
   ...
   <css src="css/custom.css"/>
   ...
</head>
Related Topic