Skip to main content

Questions tagged [less-css]

Questions about the less CSS preprocessor usage in Magento. It supercharges the CSS for the developers with extra features and gets compiled back to CSS in the front/back end to be processed by the browser like a normal CSS.

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

How to extend the parent theme styles from child theme

We are working on the child theme that inherits Magento/luma and I am trying to extend the styles from my child theme, unfortunately, it is throwing errors like some files are missing in my child ...
Naveen Raj Kumar's user avatar
0 votes
1 answer
32 views

LESS file changes not working

the LESS file changes is not shown on frontend , i tired removing cache and different files rm -rf var/cache/* var/view_preprocessed/* then upgrading and deploying but when i deploy the website is ...
sarah's user avatar
  • 1
0 votes
2 answers
47 views

How do I hide images and compare button in category view List mode?

Using Codazon Fastest theme, I have created ~/fastest/fastest_child/Magento_Catalog/web/css/source/_extend.less which contains the following CSS extensions: .catalog-category-view.product-item-photo { ...
IHateMagento's user avatar
0 votes
1 answer
384 views

Magento 2 x Amasty override less_to_css.xml

I'm using my own compiler on my theme for less. I succesfully add the Amasty less files in my theme to override Amasty's default theme. However, Amasty is using a custom compiler (cssOptions) to ...
esteemedparomomycin's user avatar
0 votes
1 answer
35 views

encountered an issue where the modifications made to the style-m.css and style-l.css files are not being reflected on the website

After the installation of the Martfury Magento theme on my server, we attempted to make changes to these two files but were unable to locate them within the theme directory. I found these files in, /...
Hirun's user avatar
  • 23
2 votes
1 answer
78 views

Changes to css in extend less not reflecting on site

I am using a custom _extend.less file for css changes, all changes are showing but this particular one. When I inspect from browser the element is leading with # instead of . So not quite sure what I ...
Shaun's user avatar
  • 109
1 vote
2 answers
333 views

How to add Fontawesome in Magento2 without CDN

I want to load Fontawesome in my Magento2 without CDN. I have downloaded the font awesome library from this link Fontawesome 6.1.1. And in zip file I got these files as shown in the figure . And in my ...
user170106's user avatar
2 votes
3 answers
7k 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 ...
MTM's user avatar
  • 2,023
0 votes
2 answers
44 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 ...
Niraj Patel's user avatar
0 votes
1 answer
206 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 (...
zus's user avatar
  • 175
0 votes
3 answers
850 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/...
Lachezar Raychev's user avatar
0 votes
1 answer
721 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/...
Muhammed Muneer's user avatar
0 votes
3 answers
521 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-...
zus's user avatar
  • 175
0 votes
1 answer
1k 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 ...
steffcarrington's user avatar
0 votes
1 answer
5k 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 &...
Sylvester's user avatar
  • 2,234
0 votes
0 answers
42 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?
Adam Coburn's user avatar
0 votes
2 answers
214 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-...
Anonymous Record's user avatar
0 votes
1 answer
45 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???
Anonymous Record's user avatar
0 votes
2 answers
801 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 ...
martin's user avatar
  • 49
4 votes
2 answers
123 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? ...
Pankaj Pant's user avatar
0 votes
1 answer
58 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 ...
Eran Ariel's user avatar
1 vote
1 answer
1k 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-...
gxrobb's user avatar
  • 87
0 votes
3 answers
1k 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 ...
Max Porteous's user avatar
0 votes
1 answer
573 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 ...
usman's user avatar
  • 465
0 votes
2 answers
172 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 ...
Silver's user avatar
  • 119
0 votes
1 answer
290 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 ...
Yogesh's user avatar
  • 1,523
0 votes
1 answer
117 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 ...
Amy's user avatar
  • 935
0 votes
1 answer
570 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.
Kamlesh Yaduwanshi's user avatar
0 votes
2 answers
733 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 ...
Marcel's user avatar
  • 165
2 votes
1 answer
70 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....
Singleton's user avatar
1 vote
1 answer
40 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....
Asad Ullah's user avatar
  • 1,461
2 votes
1 answer
2k 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!
Emili's user avatar
  • 80
1 vote
0 answers
276 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/...
nashwa ghazy's user avatar
0 votes
1 answer
39 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 ...
Siva's user avatar
  • 1,120
1 vote
1 answer
79 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/...
Head's user avatar
  • 177
0 votes
1 answer
611 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/...
Pragman's user avatar
  • 407
1 vote
2 answers
966 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-...
Hunter's user avatar
  • 1,484
0 votes
1 answer
231 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 ...
Rimmeh's user avatar
  • 1
7 votes
5 answers
32k 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 ...
Abid Malik's user avatar
1 vote
3 answers
2k 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 ...
devbiker's user avatar
1 vote
1 answer
868 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 ...
Romienas's user avatar
2 votes
1 answer
3k 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 ...
Vivek Ramasha's user avatar
2 votes
1 answer
500 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%...
Ushno Ahmad's user avatar
1 vote
2 answers
537 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-...
FuFu's user avatar
  • 69
0 votes
1 answer
36 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.
Dattatraya Pullavarthi's user avatar
2 votes
1 answer
25 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 ...
Amblymoron's user avatar
0 votes
1 answer
359 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....
Jugal Kishor's user avatar
  • 1,225
1 vote
1 answer
54 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/...
Jafar Pinjar's user avatar
  • 1,949
0 votes
1 answer
185 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 ...
Adam Lavery's user avatar
2 votes
0 answers
100 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 ...
SMash's user avatar
  • 227