The less-css tag has no usage guidance.
1
vote
1answer
33 views
Magento 2 and Client Side Less Compilation
I have stock Magento 2 installed and running with a custom theme that uses the 'blank' theme as its parent.
My custom theme is active on my store and it works, I can create my own styles and template ...
1
vote
1answer
37 views
How to edit custom css and java script In Magento 2
How to change the less, css and java script In Magento 2?
in check the style located in pub folder?.
where i edit the styles?
1
vote
0answers
17 views
Speed up Grunt by proper configuration in Magento2
The short: Whenever I work on my front-end CSS with grunt watch it takes about 13~16 seconds to complete the less task to compile the .less files to css. This is for every save and needless to say it'...
0
votes
0answers
10 views
When does magento remove styles-l.css etc. from the theme?
I noticed that Magento 2 has a css file in my theme in location:
app/design/frontend/vendor/theme/web/css/styles-l.css
If this file is not present in pub/static folder, magento uses the file from the ...
4
votes
2answers
196 views
Magento 2 How to override vendor/magento/magento2-base/lib/web/css/source/lib/_navigation.less?
How Can I override vendor/magento/magento2-base/lib/web/css/source/lib/_navigation.less file in my custom theme ?
0
votes
2answers
36 views
LESS compilation (Grunt) or cache issue
I have started using Grunt, but encountered an issue. I am trying to change styles in custom theme via one of the LESS files, but nothing happens. It worked once, but it doesn't now, and I don't know ...
0
votes
1answer
44 views
magento 2.0.7 compile error less
my client bought a template from TemplateMonster and I followed their indiciazioni on installation and configuration of the php.ini, I have always an error when I use
php bin / magento setup: static-...
1
vote
1answer
24 views
How do you change the color of buttons to a custom color?
I've tried to define a custom color in my custom less stylesheet in my theme css/source folder and pulling it in with _styles.less but it doesn't seem to work although it is seeing the custom text ...
1
vote
4answers
74 views
Magento 2 and change CSS styles - in LUMA - as a child theme
We have created a Luma child theme, and trying to figure out, how to make some CSS-changes?! For instance, change the footer and header background color? The _extend.less doesn't work, and adding a ...
1
vote
0answers
19 views
Magento 2 Page Header Add Image, Change Color
I am in my Magento_Theme Folder playing around with the _module.less file and have been trying to get it to change my background color of the header but I can't see any changes. I've cleared my cache.
...
2
votes
1answer
106 views
How can I custom less file and compile less file in magento 2
How can I add and compile custom less file in magento2 in custom theme development.
Thanks.
1
vote
1answer
41 views
Magento 2 static content deploy error less
I Got this error in compilation
[Magento\Framework\View\Asset\ContentProcessorException]
Warning: Division by zero in /var/www/html/saaf/vendor/oyejorge/less.php/li
b/Less/Functions.php on line ...
0
votes
0answers
9 views
Magento 2 - Change product styling in .less file
I want to change the styling of the div which holds the product information.
http://imgur.com/YKhX8w3
Where do I add/find the stylings in the .less files of my theme? Well, since I extend the blank ...
0
votes
1answer
57 views
Getting Media Query to work
Hi I'm adapting a Luma based theme. So I created the file _extend.less in
app/frontend/design/MyTemplate/theme_new/web/css/source/
In that file I have:
.media-width(@extremum, @break) when (@...
5
votes
1answer
158 views
magento 2 add/call css file in email template of custom module
I am trying to add inline css in email template in my custom module.
Example
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" ...
0
votes
1answer
22 views
Override @active__color in theme
I've defined _theme_extend.less and _extend.less. In _theme_extend.less I've had some success overriding values from the parent theme (in my case luma).
I have not been able to affect deeper changes ...
0
votes
0answers
41 views
css Not working after grunt run in magento2
I setup grunt setup in magento 2 and I added my theme to theme.js
Housing: {
area: 'frontend',
name: 'Vendor/Theme',
locale: 'en_US',
files: [
'css/mycss'
],
dsl: '...
1
vote
2answers
163 views
Magento2: Disable CSS cache
I would like to see css changes instantly, without having to return to the command line. I'm in developer mode with all cache disabled, yet I have to remove pub/static var/di and cache directories, ...
0
votes
1answer
62 views
How to over ride frontend-blank _navigation.less in custom theme?
There are a number of great answers on less extending and overriding but none seem to answer this.
I want to override the following in a custom theme.
/vendor/magento/theme-frontend-blank/web/css/...
0
votes
0answers
82 views
CSS files not update with _extend.less rules
I has installed magento 2 version 2.0.7-0, I trying to create my own theme but I can get archive that styles in _extend.less work correctly.
This is my path theme:
/app/design/frontend/<vendor>...
0
votes
0answers
57 views
Changing to client side less compliation gives error of styles-l.css in magento 2
I am new to magento. When I set workflow mode to Client type & execute deploy command, I always get the error or styles-l.css, styles-m.css, print.css 404 not found in frontend and styles.css and ...
0
votes
2answers
826 views
Magento 2 add background image in custom theme
I have extended Magento blank theme and placed _theme.less in css/source folder of my theme.
I want to add background image. So I added this code in _theme.less.
@page__background-image:"url('@{...
0
votes
0answers
81 views
Client side less compliation in magento 2 on localhost
I have created a custom theme & extended _theme.less for css changes.I have set Client Side Less option in admin panel.
Still my css changes are not reflecting .
What is missing?
0
votes
2answers
393 views
style-m.css not found error for custom theme in magento 2
I have created a custom theme that extends Blank theme.This is my default_head_blocks.xml of custom-theme.
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...
1
vote
2answers
337 views
Magento 2: How to use Grunt properly for CSS changes
I'm trying to figure out the clusterf-ck which is the Magento 2 front-end theming workflow. And I've read and understood all documentation, read all the blogs about it and are up to date on the latest ...
0
votes
2answers
104 views
@media-common Less not displaying in IE 9
For some reason any Less I have written inside the @media-common = true media query does not load in IE9. I can't find any specific code to prevent this from rendering out in IE9.
It happens whether ...
0
votes
0answers
72 views
How is less-generated css minified in production but not developer mode
Or: How to make Magento 2 production css the same as developer css
I understand the potential reasoning behind the decision, but I would like to understand how to stop it.
I have a custom theme in ...
0
votes
0answers
11 views
Email.less won't compile
I tried to customize my emails with the _email-extend.less in my theme.
But no matter what I try to do at the end Magento only compiles the email-inline.css instead of the email.css.
I also tried to ...
2
votes
0answers
114 views
Debugging LESS files with Firebug / Chrome Dev tools Magento 2
I am trying to figure out how to display the LESS file and line number pre compilation in developer tools so that I can see where I need to be editing. I have previously got this up and running with ...
0
votes
1answer
30 views
Identify default variables from less files
I have a custom template with some variables set on _theme.less, it´s working fine. I need to remove "margin-bottom" from class named "sections nav-sections" but I cannot find this variable on ../lib/...
0
votes
1answer
49 views
Override CSS - Magento 2.0.6 (Resolved)
Even tough I can add new custom css files, I'm unable to override the current styles.
I have done as described here but my button remains as original color blue:
http://devdocs.magento.com/guides/v2....
0
votes
1answer
829 views
Difference between _module.less and _extend.less
Is there any difference between extending a theme using _module.less and _extend.less? And what is the best practice when extending a module/theme?
My first thought was it's better to use _module....
0
votes
0answers
14 views
less.modifyVars giving error of Promise status pending in Magento 2
When using less.modifyVars in magento 2 ,it gives error of "Promise status pending" or can anyone explain how to use less.modifyVars in Magento 2.
1
vote
1answer
58 views
How to properly edit Magento 2 stylesheets? And what to do next to see it in the frontend?
I'm new to Magento 2.0. I purchased a theme and I want to edit some styles. I checked in the firebug it's showing
url/pub/static/frontend/vendor_name/theme_name/en_US/css/styles-l.css
I made some ...
0
votes
1answer
212 views
Magento 2 : How to set font icon using cdn url
In magento 2, How to set font icon using cdn url.
By default font icon comes from theme folder app/design/frontend/{Package}/{theme}https://waybackassets.bk21.net/css/source/_theme.less file.
// Fonts
@mobile-cart-padding : ...
4
votes
1answer
405 views
@media-common - Why do we need to use this?
In the Magento 2 lib documentation it contains the following:
@media-common: true|false - sets whether to output common styles. For common styles every time you want to add some styles you should use
...
1
vote
1answer
388 views
Less Compilation in Magento 2 [duplicate]
I`m trying to make a new theme and all steps are done:
Create theme directory app/design/frontend/MySite/MyTheme
Create theme.xml file under app/design/frontend/MySite/MyTheme
Add registration.php
...
0
votes
1answer
706 views
How to customize styles from navigation menu in Blank theme?
I've figured out how to change background color in navigation menu by changing values from the navigation UI library (LESS file).
Now I want to add top and bottom borders to this menu, how can I ...
0
votes
1answer
267 views
Magento 2 grunt watch is not pre-processing LESS for main locale
My core_config_data table has general/locale/code set to en_IE. When I run grunt exec:<theme-name> and then grunt less:<theme-name>, CSS is generated in two separate locale folders, en_GB ...
0
votes
2answers
832 views
Magento2 - pub static css not found
In developer mode I been getting the error
FileError: '/pub/static/frontend/theme/theme_name/en_GB/css/styles-m.css' wasn't found (404)
I've taken the following steps to try and resolve this:
Used ...
0
votes
2answers
463 views
Where is set the main/primary color value in Luma theme
I'm trying to find out which is the file that sets the main blue color in Luma theme.
There is a blue defind @color-blue1: #1979c3; in lib/web/css/source/lib/variables/_colors.less
Where Luma gets ...
1
vote
2answers
268 views
how to automatic update file `.less` in custom theme magento2?
In custom theme i have create file custom.less after Flush JavaScript/CSS Cache and Fersesh cache it compiling .less files to CSS. but after i change file custom.less this file not update. i tried ...
2
votes
1answer
1k views
how to fix error after deploy:mode: developer?
in magento2 after i created custom.less in myTheme. it not render file less. so y tried run cli php bin/magento deploy:mode:set developer
then in admin get error
SyntaxError: missing } after ...
0
votes
0answers
53 views
Magento 2 - Error javascript and icon when clear cache?
After I go to backend > cache management click " Flush Magento Cache". I my admin page lose image icon and js.
0
votes
2answers
478 views
Magento 2 CSS .less files with @variables
I'm having trouble changing the max-width of a theme in Magento 2.
I've found the CSS in:
<THEME>https://waybackassets.bk21.net/css/source/_layout.less
max-width: @layout__max-width;
Then in the Magento Lib folder ...
6
votes
2answers
140 views
Where to place custom UI library
I need to create my own UI library (mostly .less files, but also images and .js) which will be used in multiple custom modules and themes. I thought I will just add my files to Magento UI library ...
6
votes
2answers
2k views
Where to place Magento 2 Theme customizations?
I installed Magento 2 via Composer and it does not have a directory for theme in frontend. I tried to create a new theme in app/design, every time I create registration.php I get an error.
Question
...
0
votes
5answers
1k views
compile less files with grunt don t work!errors with EXEC command
After creating my theme I'm trying to compile less files.
but I'm having errors when : grunt exec:exercise1.
I'm using a windows machine.
3
votes
3answers
2k views
How to update/customize/override Magento 2 css styles
So I followed the Magento 2 Docs to create my theme for the store.
Step 1: I have created directories
app/design/frontend/<Vendor>/<theme>/
├── web/
│ ├── css/
│ │ ├── source/
│ ├── ...
7
votes
2answers
838 views
What is the purpose of the LESS lib-css mixin?
The .lib-css() mixin is used heavily in Magento 2 LESS files. However its purpose is not apparent, and the mixin definitions don't provide any helpful documentation:
//
// Add any css property
// --...
