Showing results for 
Search instead for 
Did you mean: 

Theme .less not loading - extend and stylesheet

Theme .less not loading - extend and stylesheet



i wanted to see how to build theme but, first i downloaded example theme which i am going to change. I have found Vigoss from Venustheme and in: app\design\frontend\Magento\Venustheme\vigoss\web\css is stylesheet.less which contains:

@import "source/lib/_variables.less";
@import "bootstrap/_variables.less";
@import "bootstrap/_mixins.less";
@import "magento/_variables.less";
@import "magento/_layout.less";
@import "magento/_block.less";
@import "magento/_menu.less";
@import "magento/_responsive.less";


but those files isn't compiling and theme is not complete. 

I have turned off cache and i did remove files from: pub/static/frontend/<Vendor>/<theme>/<locale>
Also i did remove files from: /var/view_preprocessed/css/frontend
and from: /var/cache/

My site address is
Demo of vigoss is:

Also i modified stylesheet to contain only:

@import "source/lib/_variables.less";
@import "bootstrap/_variables.less";
@import "bootstrap/_mixins.less";

@import "magento/_block.less";
@import "magento/_menu.less";
@import "magento/_responsive.less";

and i have added to app\design\frontend\Magento\Venustheme\vigoss\web\css\source
file '_extend.less'


and in this file i have added:


@import "_variables_extend.less";
@import "_layout_extend.less";

exactly how it is written here:



Yet those files are still doesn't loading.


i also checked if stylesheet is added here:


And it is added like that:


<?xml version="1.0"?>
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
<page xmlns:xsi="" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> 
        <!-- Add local resources -->
        <css src="css/bootstrap-tiny.css"/>
        <css src="css/stylesheet.css"/>
        <css src="css/font-awesome.min.css"/>
        <css src=",400italic,700,700italic,900,900italic" src_type="url"/>
        <css src=",300,300italic,400italic,600,600italic,700,700italic,800,800italic" src_type="url"/>



So what i am missing? Why those rules aren't loaded? No metter what i do in /source/_xxx.less files it doesn't matter, nothing is changed.

Tags (1)

Re: Theme .less not loading - extend and stylesheet

also, when i am deleting files manually sometimes magento just doesn't creaty anykind of style-l / m .css (manually + flush cache in admin)

Ok, removing manualy from pub/static -> css only is cusing no compaling css

Re: Theme .less not loading - extend and stylesheet

So now i have created simple 'test.less' file and i put it like the other files here: app\design\frontend\Venustheme\vigoss\web\css\test.less


also i have added into: app\design\frontend\Venustheme\vigoss\Magento_Theme\layoutdefault_head_blocks.xml

this rule:

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

and it is still not creating this css file, still: 404 (Not Found) error.


How to check why it is not creating it?


Re: Theme .less not loading - extend and stylesheet

How to add JavaScript / CSS / Less with a custom module:
How to add a stylesheet to a page after the layout has already been built: