Questions tagged [less-css]

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

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

How to implement between breakpoints

How to make a style block for magento 2 between two breakpoints Analogue:@media (max-width:900px) and (min-width:400px) but with the magento methods that she uses for less compilation: .media-width(@...
0
votes
1answer
38 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 ...
0
votes
0answers
16 views

Magento 2: LESS file is being ignored?

I've installed the MageArray Calendar extension and in this calendar the left/right arrows to get to the previous/next month are defined in a less file using a class with for instance '::after {...
0
votes
0answers
15 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?
0
votes
2answers
37 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
29 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
46 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 ...
4
votes
2answers
92 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? ...
0
votes
1answer
15 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 ...
0
votes
1answer
45 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-...
0
votes
3answers
49 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 ...
0
votes
1answer
32 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 ...
0
votes
2answers
52 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 ...
0
votes
1answer
28 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 ...
0
votes
1answer
34 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
21 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
49 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
2answers
122 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 ...
2
votes
1answer
26 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
20 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
209 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
47 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
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 ...
1
vote
1answer
32 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
208 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/...
1
vote
1answer
177 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-...
0
votes
1answer
92 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 ...
5
votes
5answers
8k 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 ...
1
vote
3answers
397 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 ...
1
vote
1answer
393 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
1k 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 ...
2
votes
1answer
154 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%...
1
vote
1answer
323 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
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.
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 ...
0
votes
1answer
145 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....
1
vote
1answer
41 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
125 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 ...
2
votes
0answers
36 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 ...
1
vote
1answer
162 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 ...
0
votes
1answer
57 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
325 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
294 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
1answer
113 views

How to declare and use custom configuration file for less compilation with grunt?

According to devdocs which is located at https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/tools/using_grunt.html#grunt_config Now I simply can't understand what it is trying to say.Can ...
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. ...
1
vote
2answers
786 views

How is gallery.css file generated?

I'm adding some custom less to product page on Magento 2.2.2 I've notice that now, many of my customization are included in gallery.css file and I'm not able to change them anymore in my custom less ...
2
votes
2answers
409 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 (...
0
votes
1answer
193 views

Gulp Not working with Magento2

unfortunately I am new to Gulp, and I really need it to debug and sourcemapping, so to better understand less too, which is also quite new for me. Anyway everything in place, I deploy trough usual ...
0
votes
3answers
763 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
1answer
732 views

I want to show navigation arrows in luma theme

I want to show navigation arrows in luma theme like blank theme nav of Magento 2. Anybody can suggest me how can I do this ?