Questions tagged [less-css]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
19 views

How to Remove Two Vertical Scrollbars on Magento

I am using Porto theme in Magento 2.4.3. You can see in the screenshot, I have two vertical scrollbars on right side of the page. How can I remove it. I'm not sure what's causing it, but I think it's ...
user avatar
0 votes
1 answer
1k views

Compilation from source: LESS file is empty

What is the reason behind the error as below: Compilation from source: LESS file is empty: frontend/vendor/theme/en_GB/css/style.less I am using a custom theme that inherits from the default blank ...
user avatar
  • 1,961
0 votes
0 answers
10 views

Magento 2 less files architecture

I have a short question about less file. Here is the path of _module.less file app/code/Vendor/Module/web/css/source/_module.less suppose if I add css code .custom_module1{display:block} in above ...
user avatar
0 votes
0 answers
57 views

Static content deploy error after upgrading magento 2.3.6 to 2.4.2-p1 CE

I am facing Compilation from source: LESS file is an empty issue after Magento upgrade from 2.3.3 to 2.3.5 CE at the time of Static content deployment. Some time "source" dir taking 2-3 ...
user avatar
0 votes
2 answers
35 views

How to immediate effect on website after changes in less css code?

I am developing website design on Product listing page by css code in app/design/frontend/Smartwave/porto_child/Magento_Catalog/web/css/source/_module.less file .Whenever I change the css code in ...
user avatar
0 votes
1 answer
76 views

How to handle Global style sheet for my custom theme?

I have created custom theme then creating _extend.less file under app\design\frontend\My_vendor\mytheme\web\css\source_extend.less and did some customization. Where can I declare global style sheet (...
user avatar
  • 95
0 votes
3 answers
200 views

Less file styles not applying in Magento 2

I have custom theme in ..../design/frontend/MyVendor/my-theme folder. My main less file is in design/frontend/MyVendor/my-theme/web/css/my-main.less. Content of the main less file: @import './source/...
user avatar
0 votes
1 answer
344 views

Enabling client side less compilation breaks everything, getting 404 errors and couldn't go back to server side compilation mode

Once I enabled client-side less compilation, the entire page breaks. getting 404 errors for less files. I'm on developer mode. tried clearing var/cache, var/view_preprocessed, var/page_cache, pub/...
user avatar
0 votes
3 answers
203 views

Magento 2.3 - CSS changes revert after running " php bin/magento setup:static-content:deploy -f "

After edited CSS then run php bin/magento setup:static-content:deploy -f my changes revert, all my css workout removed. CSS Path : pub/static/frontend/Codazon/fatest_grocery_gourmet/en_US/css/style-...
user avatar
  • 95
0 votes
1 answer
669 views

Unable to get Grunt less task working on Custom Magento theme

Good morning, I'm pretty new to Magento 2 and I'm currently in the process of trying to get my first custom M2 theme up and running. I have managed to create my new theme but running into trouble ...
user avatar
0 votes
1 answer
3k views

Issue deploying Magento 2: Unable to get content

During deploy we get issues: Deploy using quick strategy frontend/Magento/blank/en_US 0/2437 >-------------------frontend/Magento/blank/en_US 2/2437 &...
user avatar
  • 2,074
0 votes
0 answers
25 views

Fonts not showing for desktop layout. Why?

I have css that is setting font icon content On mobile it shows fine here: But on desktop it is not showing: It's the same layout, the css is loaded, the icons are loaded. What is happening?
user avatar
0 votes
2 answers
143 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-...
user avatar
0 votes
1 answer
34 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???
user avatar
0 votes
2 answers
383 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 ...
user avatar
  • 19
4 votes
2 answers
116 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? ...
user avatar
0 votes
1 answer
36 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 ...
user avatar
1 vote
1 answer
430 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-...
user avatar
  • 87
0 votes
3 answers
419 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 ...
user avatar
0 votes
1 answer
118 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 ...
user avatar
  • 422
0 votes
2 answers
118 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 ...
user avatar
  • 119
0 votes
1 answer
75 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 ...
user avatar
  • 1,442
0 votes
1 answer
71 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 ...
user avatar
  • 925
0 votes
1 answer
188 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.
user avatar
0 votes
2 answers
378 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 ...
user avatar
  • 165
2 votes
1 answer
62 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....
user avatar
1 vote
1 answer
35 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....
user avatar
  • 1,331
2 votes
1 answer
885 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!
user avatar
  • 70
1 vote
0 answers
181 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/...
user avatar
0 votes
1 answer
38 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 ...
user avatar
  • 1,124
1 vote
1 answer
62 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/...
user avatar
0 votes
1 answer
410 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/...
user avatar
  • 407
1 vote
2 answers
644 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-...
user avatar
  • 1,474
0 votes
1 answer
198 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 ...
user avatar
  • 1
7 votes
6 answers
24k 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 ...
user avatar
1 vote
3 answers
1k 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 ...
user avatar
1 vote
1 answer
726 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 ...
user avatar
2 votes
1 answer
2k 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 ...
user avatar
2 votes
1 answer
321 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%...
user avatar
1 vote
2 answers
420 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-...
user avatar
  • 69
0 votes
1 answer
35 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.
user avatar
2 votes
1 answer
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 ...
user avatar
0 votes
1 answer
214 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....
user avatar
  • 1,175
1 vote
1 answer
51 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/...
user avatar
  • 1,729
0 votes
1 answer
157 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 ...
user avatar
2 votes
0 answers
51 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 ...
user avatar
  • 227
1 vote
1 answer
334 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 ...
user avatar
0 votes
1 answer
104 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?
user avatar
0 votes
1 answer
571 views

How to use magento UI library in custom _module.less file?

I have created module specific less file in magento according to guide at below location. app/code/Modulenamespace/Modulename/view/frontend/web/css/source/_module.less Now I want to be able use ...
user avatar
0 votes
1 answer
644 views

Import new custom less files after grunt configuration

I am using grunt tool for magento server-side less preprocessing. I have created _extend.less file following directory structure for my custom less compilation app\design\frontend\Vendorname\...
user avatar