I am new to Magento 2 Theme Development I have gone through the frontend development guide and set up my child theme of the 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!


Inside the folder speedcrete it 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 give any more code for any of the other files.

I have tried to run the following commands and then cleared the cache and so joy.

php bin/Magento setup:upgrade --keep-generated php bin/Magento setup:static-content:deploy Please let me know if I am missing anything.

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.

  • Have you got your solution ? – Pawan Aug 9 '17 at 16:29

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

   <css src="css/custom.css"/>

If you want your custom CSS in web/css folder directly within theme root then update your default head blocks to remove the Magento_Theme so that it isn't looking in the magento theme directory:

    <!-- Add local resources -->
    <css src="css/speedcrete.css"/> 

I can't see your speedcrete.css in your tree depicted in question however this should go where custom.css is located.

Also the Blank theme being empty is fine depending on how you installed Magento, if it was installed with composer the theme will be located in vendor/magento/theme-frontend-blank/ directory. If downloaded from github i believe it should be design/frontend/Magento/blank however.

  • It was installed via composer, as the blank theme resides in vendor/magento/theme-frontend-blank. – Scott Lunnon Aug 9 '17 at 13:48
  • That hasn't seemed to have worked! – Scott Lunnon Aug 9 '17 at 14:08
  • So have you disabled cache / cleared cache? Also check markup and console to see if the file is showing or just not being found. – harri Aug 9 '17 at 16:37
  • Sorry yeah I see you mentioned clearing cache already. I would also take the keep generated out of your deploy command – harri Aug 9 '17 at 17:24
  • I have re-run the --keep-generated out of my deploy command. The file isn't appearing in the console. – Scott Lunnon Aug 10 '17 at 7:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.