Questions tagged [less-css]

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

Filter by
Sorted by
Tagged with
0
votes
2answers
21 views

Magento2 - How can I convert default Magento cart icon into simple text like Cart?

I need to convert the cart icon having the following CSS .minicart-wrapper .action.showcart:before{ font-size: 35px; line-height: 33px; color: #8f8f8f; content: '\e611'; font-family: 'icons-blank-...
0
votes
1answer
27 views

I want to over ride Style-l.less file in Magento blank theme?

I have created Custom theme which is inheriting Magento Blank theme... Now I want over ride CSS in style-l.less file of Blank theme How can I do that???
0
votes
2answers
35 views

How to manage CSS performance in Magento 2?

I have a performance question about css and themes in Mangeto 2. Is is better for performance write the specific css for some page like homepage in a separated file, and only load that file in ...
1
vote
1answer
1k views

Magento 2 How to update existing less file?

I want to add few styles in _print.less. I have updated the less file and run the upgrade,deploy commands but still it loads old style. Also clear the cache. How can I do it?
4
votes
2answers
82 views

Is Less File in Magento 2.3.X mandatory?

I have an eCommerce HTML template with simple CSS. I have a few queries before converting HTML into Magento 2.3.3 Question 1: Is a .less file is mandatory? Can we use a simple CSS file in Magento 2? ...
1
vote
1answer
1k 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
1answer
13 views

working with css.less on client side compilation mode and then transitioning to server side

I need to compile CSS.less files, however node.js is very resource-consuming which therefore cannot be used in our current hosted account. To work on themes, documentation recommends to change mode to ...
2
votes
1answer
1k views

How to remove lib-font-face from Magento 2

I've created a theme in Magento2 which inherits from the Luma theme. So it has inherited it's lib-font-face, which can be found in the styles-m.css @font-face { font-family: 'luma-icons'; src: ...
2
votes
2answers
2k 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 ...
0
votes
1answer
38 views

Deploying static content not updating css

As far as I understand it, In order to change the style of an email, I need to override the _email-extended.less file. I go to the path below app/design/frontend/Smartwave/Porto/web/css/source/_email-...
1
vote
2answers
809 views

Less file changes not taken in production

In prod mode with Magento 2.0.5 Making changes to app\design\frontend\mythemes\2016\web\css\source\_extend.less Then , rm -rf var/cache/* var/view_preprocessed/* pub/static/* php bin/magento setup:...
5
votes
5answers
6k views

Magento 2 less compilation error while setup:static-content:deploy

After updating to Magento 2.1.16 on my staging server with nginx server and php7.0 I am facing issue in compiling less and css files. The files styles-l.css and styles-m.css are missing - not ...
0
votes
3answers
34 views

Custom .less files not compiling at all

I have found that the less files are not compiling in my custom theme. at all. originally I discovered the problem when I made changes to my _extend. less file and no changes occurred, but now I have ...
22
votes
3answers
10k 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
1answer
27 views

how to find and use defined variables of less in magento 2?

basically i want to use the defined less variables in my custom theme.i have created a child theme of Luma .In child theme i have created a _theme.less file and by using the defined variables of less ...
2
votes
2answers
749 views

How to Override my admin phtml and css file in my theme

How to Override my Admin PHTML, XML and LESS/CSS file in my theme. Any one have Idea ?
1
vote
1answer
1k views

Magento 2 How to correctly change style in less

I creat my theme, same as luma, parent Blank. I try change style for search (add background-color and change opticaly. I see in less file: app\design\frontend\Vendor\default\Magento_CatalogSearch\web\...
2
votes
1answer
504 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
2answers
46 views

M2 how to add a custom css only to a module override?

I need to apply this code to checkout page: .header-wrapper-content.sticky-menu.active{display:none;} .hdmx__contact-button.hdmx__contact-button-right{display:none;} This hide the sticky menu and ...
5
votes
2answers
4k 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 ?
0
votes
1answer
23 views

Magento 2 + media query syntax

I have found there is syntax for desktop devices is .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { } But i need media query for 768px to 1240px desktop ...
2
votes
3answers
2k 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>/web/css/source/_layout.less max-width: @layout__max-width; Then in the Magento Lib folder ...
0
votes
0answers
16 views

Magento 2 Refused to apply style after adding onemore website view

I have two website view with two store view each, Using this for Years. Now I want to add One more website with two store view I did all the configuration and can see the website view but CSS is ...
0
votes
1answer
29 views

Magento2 - Refused to apply the style while adding one more website view

I have two website view with two store view each, Now I want to add One more website with two store view I did all the configuration and can see the website view but css is missing getting error as ...
0
votes
1answer
32 views

Magento 2 Component less/css editing best practices

Please help to understand below 2: 1. How to override component css using less files? 2. Is anyone can provide some of examples to write css in _extend.less file.
8
votes
1answer
15k views

Magento2 : How to path for background image in .less file? [closed]

I want to set path for background image in less file app\design\frontend\vendor\theme\web\<lessfile> in magento2.
0
votes
2answers
96 views

Magento 2.2.1 error during static content deploy

I have a own template in app/design/frontend/tm/XXX-theme. I built it like described in the dev docs. Parent theme is luma. Magento run in developer Mode. After i use setup:static-content:deploy ...
9
votes
7answers
4k 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. ...
2
votes
1answer
25 views

Magento 2.2.6 overriding css or less files or locating the actual file to edit

Not sure why i'm finding this so difficult but I have a file that has some css that needs to be fixed. The file and code are in these files: pub/static/frontend/website/mywebsite/en_US/css/styles-l....
1
vote
0answers
19 views

how can i override my core CSS file class according to my custom _module.less?

This is my table in configuration and down there is core css class for that with name ".accordion .config .value" i want to change the width of that class from 44% to 100%. I have my custom _module....
2
votes
1answer
130 views

How to hide these 2 element in css / less?

In Magento2 I want to hide the price-notice and the qty-holder from the bundle product page. I want to edit the _custom.less page but not sure what to write in it. Any help would help. Thanks!
1
vote
0answers
34 views

How to edit responsive.less file in theme magento 2?

I setup unero theme which has responsive.less file in the dire web/css/responsive.less. I need to edit this file. first I took a copy of that file and past it to my theme dire which is app/design/...
0
votes
0answers
48 views

Magento 2 Email custom font working preview but not working in Email

I'm following This https://devdocs.magento.com/guides/v2.0/frontend-dev-guide/templates/template-email.html But not solved
1
vote
3answers
305 views

Frontend styling has disappeared, and I can't get it back

Disclaimer: I'm new to Magento 2 development as of Nov 2018, and new to development generally as of mid-2017. So I'm new to asking development-help questions too. Most of the time I can figure it ...
0
votes
0answers
26 views

How to avoid media query conflict in Magento?

I'm writing the media query for our client site. I have started from iPhone 8 and used the below media query: @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (...
0
votes
1answer
35 views

Adding/Updating CSS in Magento

We have extended basic Magento Luma theme. Currently, we are working on the compatibility of the site in various browsers. I have read many posts regarding media query using on Magento. Below is for ...
0
votes
1answer
170 views

Magento 2 Load _extend.less last

I am using a custom theme and then a child theme for the custom theme. I believe the easiest way to overide the themes css is to use _extend.less in the <MYCOMPANY>/<MYTHEME>/web/css/...
0
votes
1answer
788 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}/web/css/source/_theme.less file. // Fonts @mobile-cart-padding : ...
1
vote
1answer
953 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.
1
vote
1answer
28 views

I can't figure out this CSS / less issue that is blowing up my exception.log

Any idea why this keeps going nuts in my exception.log [2019-02-18 22:08:35] report.CRITICAL: .lib-font-size is undefined in /srv/public_html/var/view_preprocessed/pub/static/frontend/website/en_US/...
0
votes
1answer
78 views

Magento 2 Child Theme Static Content?

I created a Magento Child Theme under 2.3.0 based on Luma. I tested in Developer and Default Magento Mode. I expect the custom _theme.less file to be generated on the fly. But this does not work. I ...
3
votes
4answers
5k 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
1answer
128 views

Change email button color not working for magento 2 email template

i tried to change the button for account confirmation email template in my custom theme like this: app/design/frontend/Test/mine/web/css/source/_email-extend.less .button{ a{ background-...
1
vote
1answer
329 views

Magento 2.2.5 styles-m.css and styles-l.css not load

I'm working with new project and editing front-end css (working with less files), everything goes well but suddenly styles-m.css and styles-l.css in front-end not loading. Any ideas why this happened ...
2
votes
1answer
818 views

How to have the changes made in .less file be reflected on the website?

I'm trying to make some style changes to a .less file in a custom module. But even after making and saving the changes to the .less file, those changes are not being reflected on the website. I'm ...
1
vote
1answer
138 views

::after behaviour with lib-css

Trying to get to know how less work or better lib-css in partnership with it. I have all styles generated on different element ending with :after going down to the same line of the _icon.less that ...
2
votes
1answer
141 views

How to ad background image on header-panel

so, i am trying to customise my header-panel! i want add background image insted of background color!! inside my _theme.less file .page-header { .panel.wrapper { position: fixed; width: 100%...
2
votes
2answers
2k views

Theme CSS not updating on media/css_secure

Recently my CSS files not updating to media/css_secure folder. I'm tried to kill cache but still its showing old CSS data. How to overcome to update my CSS. I am using Magento 1.9.2.2
0
votes
1answer
52 views

Magento 2 How to generate dynamic CSS?

Is that possible to generate dynamic less CSS? Is there any other way without replacing dynamic CSS in phtml file?
0
votes
2answers
489 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 ...