Questions tagged [less-css]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
12 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 ...
1
vote
2answers
753 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:...
2
votes
2answers
650 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 ?
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
11 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
22 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
18 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
13k 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.
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\...
0
votes
2answers
51 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
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. ...
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
5answers
3k 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 ...
2
votes
1answer
22 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....
0
votes
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/...
1
vote
0answers
13 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
2answers
1k 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 ...
2
votes
1answer
35 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
23 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
20 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
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....
2
votes
1answer
804 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: ...
1
vote
3answers
169 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
24 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
34 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
96 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
736 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
823 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
24 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
40 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
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
0answers
61 views

CSS failing to compile

Whenever I run the cmd via terminal to compile assets my CSS is being churned out with the following error error evaluating function `darken` The first argument to darken must be a color index: 2570 #...
1
vote
1answer
61 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-...
5
votes
1answer
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 ?
0
votes
0answers
23 views

How can I increase the speed of my Magento website?

I have a system in magento ready and running, but the speed of the web is not very good. Here you can see a sample of how the web works: https://developers.google.com/speed/pagespeed/insights/?url=...
1
vote
1answer
231 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
418 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
88 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
96 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
47 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
395 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 ...
1
vote
1answer
187 views

Own Theme - Working with own icons

I want to add Icons for Cart, Wishlist and Account Links in the header. I placed them /app/design/frontend/vendor/theme/web/images/icons. I know I can set the icons like (example cart): .minicart-...
0
votes
1answer
32 views

How to call the Shop now categeory in side the seach bar

I want to call the shopnow categeory inside the search bar as a filter option in the search bar.
1
vote
1answer
33 views

Magento-2.2 development with CSS only (no use of LESS)

I know Magento 2 uses LESS for styling but what if I'd like to build a site with CSS only? I don't want to use LESS in my custom theme. How can I achieve this?
2
votes
1answer
22 views

What does it really mean to “extend” a style?

If the purpose of _extend.less in a custom theme is to "extend" a style, what does this really mean? Should it be used in the following cases: Change the value of an existing attribute of an existing ...
1
vote
1answer
36 views

How to add custom styles to Bought theme in Magento2?

I have applied a free theme on my magento2 store that don't have css file to edit custom styles. But it has less files like below, app/design/frontend/<Vendor>/<theme>/web/css/source/...
0
votes
1answer
62 views

Cannot add styles to M2 theme via _theme.less

We're using a 3rd party OTS theme (Alothemes/Savio). We want to make a couple of minor style adjustments, which are simpler to do/manage in the theme rather than creating/managing a new child theme. I ...
0
votes
1answer
110 views

.less file not complied in .css file in magneto2

File Path In App Folder /app/design/frontend/Vendor/Theme/web/css/local-l.less File Path Must Be In Pub Folder /pub/static/frontend/Vendor/Theme/en_US/css/local-l.min.css But local-l.min....
2
votes
0answers
33 views

Magento2: css file modification does not apply

I am using Magento 2.2.4 and I need to design my website with the size of 70%. I am trying to override the css by a theme /custom_theme/web/css/style.css file as follows. But it didn't work. How to ...