The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [less-css]

The tag has no usage guidance, but it has a tag wiki.

Filter by
Sorted by
Tagged with
2
votes
2answers
1k 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
1answer
18 views

Is it valid if magento 2 theme created with CSS3?

My question is related to this general Topic like if i have not much knowledge about of less css and i have created a custom theme by using CSS3 so is it valid or not valid in term of validation ? ...
1
vote
2answers
2k views

Magento 2 boilerplate themes

Are here any Magento 2 boilerplate themes out there ? I am looking for some starter themes which have the basic structuring and extended files in place.
0
votes
1answer
207 views

How can i change color of this minicart-wrapper counter.qty with _theme.less

i want to know how can i change the color of this .minicart-wrapper .action.showcart .counter.qty when i search on my browser i know the name of css class are .minicart-wrapper .action.showcart ....
2
votes
4answers
123 views

Custom theme magento 2

I'm beginer and I want to custom my theme in sample data. But i can not find the class I want to custom css on source code. You can help me to check it. For example: I want to custom css for class ...
10
votes
6answers
1k views

Magento 2 - Overriding CSS without using !important everywhere

I'm working on a Magento 2 site at the moment for a client. Suppose my client's brand is boofar and the theme I'm trying to extend/override is foobar I've set as the parent theme using frontend/...
1
vote
3answers
2k views

grunt exec command not working in magento2 - Unable to find local grunt

Today I am trying to execute grunt exec:all and grunt exec commands. Unfortunertly it shown me a error. Earlier it was working fine. Later I had try to install new Magento 2 setup. Still the error is ...
0
votes
2answers
2k views

Static files aren't deploying in developer mode

I am using Magento 2 (developer mode) and I just created a new theme, added a local-l.css to my /var/www/vendor/app/design/frontend/vendor/theme/web/css/source/local-l.css and when I refresh the ...
2
votes
1answer
192 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?
0
votes
2answers
429 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 ...
3
votes
1answer
4k 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
2answers
2k 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 ...
3
votes
3answers
5k 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/ │ ├── ...
2
votes
0answers
95 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. ...
1
vote
1answer
6k 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 ...
5
votes
1answer
1k views

Magento 2 - How to change the less variables based on admin configurations?

I'm working with Magento 2 - beta. I want to set the colors and other less variables in the extension's block, controller, or module, eg: @primary__color. Anyone know how to do this? I want to set ...
2
votes
1answer
600 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
1answer
785 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 (@...
6
votes
1answer
2k 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
5answers
3k 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.
0
votes
1answer
569 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/...
6
votes
2answers
3k 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 ...
1
vote
2answers
2k 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, ...
5
votes
2answers
4k 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 ...
8
votes
2answers
398 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 ...
17
votes
2answers
5k 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 // --...
7
votes
2answers
2k views

Magento 2. Less to CSS. Very slow building process. How to improve?

Currently magento2/grunt is very slow in transforming less to css (with a few locales it can take up to a minute to rebuild everything. Any tips how to improve development speed?
2
votes
0answers
77 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 ...
0
votes
1answer
67 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....
9
votes
1answer
4k 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
2k 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 ...
1
vote
2answers
5k 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
722 views

Magento2 - custom _theme.xml

I tried to change the _theme.xml of a custom theme based on the blank theme like described in this article: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css-practice.html But ...
4
votes
1answer
282 views

Magento 2 1.0.0-beta creating a new vendor/theme from Magento/luma breaks FE

I created a new Vendor/theme where, in the theme.xml, i referenced the Magento/luma theme. As i understand it right, the fallback should now grap styles from the luma theme and my new theme should ...