Questions tagged [less-css]

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

47 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
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....
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
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 ...
2
votes
2answers
268 views

CSS Conflict in Megamenu and default Magento navigation menu

In my project, there is Megamenu implemented and to customization of Megamenu, I have used custom _module.less in my theme folder By overriding the Megamenu Folder. app->code->RB->Megamenu (...
2
votes
0answers
44 views

Adminthtml failing to compile

We have an ongoing issue with our styles.less file that prevents the css being generated for the Magento 2.1.8 back end. Whe i run the command bin/magento setup:static-content:deploy It throws ...
2
votes
0answers
155 views

2.2 Faster way to regenerate css in developer mode

In developer mode, static files are mostly symlinked so making changes is immediately visible in frontend. However, when making changes to CSS this is not the case. The minimal files I have to ...
2
votes
4answers
121 views

Custom theme magento 2

I'm beginer and I want to custom my theme in sample data. But i can not find the class I want to custom css on source code. You can help me to check it. For example: I want to custom css for class ...
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: ...
2
votes
2answers
649 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
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
0answers
95 views

Magento 2 Page Header Add Image, Change Color

I am in my Magento_Theme Folder playing around with the _module.less file and have been trying to get it to change my background color of the header but I can't see any changes. I've cleared my cache. ...
2
votes
0answers
71 views

Email.less won't compile

I tried to customize my emails with the _email-extend.less in my theme. But no matter what I try to do at the end Magento only compiles the email-inline.css instead of the email.css. I also tried to ...
2
votes
0answers
463 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 ...
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....
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/...
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/...
1
vote
1answer
59 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
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?
1
vote
2answers
29 views

Css file not loading after static content flush in Magento 2.1.8

I have a custom CSS file created and loaded through code. The compile less option is set to yes in configuration settings. When I clear the static content flush from cache management in admin panel ...
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\...
1
vote
0answers
372 views

Disable hover on listing page on Magento-2

I have my custom theme using Luma as parent. I want to disable hover effect and show only "out of stock" message. How can I achieve this?
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?
1
vote
1answer
281 views

Speed up Grunt by proper configuration in Magento2

The short: Whenever I work on my front-end CSS with grunt watch it takes about 13~16 seconds to complete the less task to compile the .less files to css. This is for every save and needless to say it'...
1
vote
2answers
749 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:...
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
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
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.
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
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
94 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
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 #...
0
votes
1answer
39 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 ...
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=...
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....
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
1answer
192 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 ...
0
votes
1answer
137 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\...
0
votes
3answers
429 views

Magento 2.2 css override not working

I am new to Magento 2 development and stuck on changing .header .content css class.I have tried with creating a _theme.less file inside my local theme but the css is not overriding. Can you please ...
0
votes
2answers
54 views

Magento 2 custom style sheet for my custom theme

i created a file called breakpoint.less in pub\static\frontend\vendor\themename\en_US\css\source and it produces the output as breakpoint.css in pub\static\frontend\vendor\themename\en_US\css\source ...
0
votes
1answer
454 views

Magento 2 How to correctly change the size of the minicart icon on the desktop?

Copy theme Luma. I tried to find the correct solution in the documentation and found that this is done using .lib-dropdown in app\design\frontend\Vendorname\default\Magento_Checkout\web\css\source\...
0
votes
2answers
402 views

Deploy less files

I'm new in Magento 2 and I learning it now. I am trying to customize email templates by editing default /app/design/frontend/Vendor/Theme/web/css/email-inline.less file in my theme, but I not ...
0
votes
1answer
315 views

Setting up grunt to work with Magento 2.1?

I am following this devdoc to get grunt working in Magento 2.1: http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/css-topics/css_debug.html I followed all of the steps and tried to run grunt ...
0
votes
1answer
178 views

Best way to start making Magento 2 themes

I have done the research about it and found many solutions I tried some of them and came up with results successfully. In my study, I have found that Magento 2 comes with its built-in CSS library and ...
0
votes
1answer
18 views

Is it valid if magento 2 theme created with CSS3?

My question is related to this general Topic like if i have not much knowledge about of less css and i have created a custom theme by using CSS3 so is it valid or not valid in term of validation ? ...
0
votes
1answer
196 views

How can i change color of this minicart-wrapper counter.qty with _theme.less

i want to know how can i change the color of this .minicart-wrapper .action.showcart .counter.qty when i search on my browser i know the name of css class are .minicart-wrapper .action.showcart ....
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/...