Questions tagged [less-css]

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

Filter by
Sorted by
Tagged with
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/ │ ├── ...
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/...
9
votes
7answers
3k views

Product image zoom issue on product details page when drop-down menu have overlap area with it

Zoom works fine, But when hovering on category drop-down menu to the overlap area of product image and drop-down menu, The zoom is acting normally, even the mouse is still on the drop-down menu. ...
5
votes
2answers
3k views

How can I add custom less file and in a particular theme compile less file in Magento 2

How can I add custom less file and in a particular theme compile less file in Magento 2 ?
3
votes
2answers
2k views

Magento 2 add custom css to custom theme file

I created a custom less file in \app\design\frontend\Vendor\theme\web\css\source I don't know how to compile it and how to imports this file in style-l.css please give your suggestions
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 ...
9
votes
1answer
3k 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 ...
21
votes
3answers
9k 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....
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 ...
9
votes
4answers
2k 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 ?
3
votes
4answers
4k 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 ...
0
votes
2answers
5k 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" ...
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" ...
4
votes
3answers
7k views

Magento 2 grunt exec does not actually create symlinks

I am following: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html#grunt_prereq it says grunt exec:<theme> does: Republishes symlinks to the source files to ...
1
vote
1answer
837 views

Magento 2 : Flush static files cache delete my files in pub folder

Whenever I click the additional cache management buttons in admin panel , it deletes the files in pub folder. I don't know what is the reason for this. Anyone know about this? please help me.
0
votes
2answers
527 views

Magento 2 styling / CSS 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 ...