Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

Questions tagged [less-css]

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

Filter by
Sorted by
Tagged with
0
votes
2answers
38 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
17 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
24 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
13 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
20 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
59 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
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....
1
vote
0answers
14 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
53 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
24 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
32 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
26 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 ...
1
vote
1answer
26 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
126 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
69 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
84 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
49 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
4k 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 ...
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
3answers
216 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
260 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
573 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
105 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
223 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
33 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
121 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
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
88 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
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 ...
1
vote
1answer
100 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
50 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
214 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
158 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
97 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
541 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
307 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
139 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
489 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
593 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 ?
0
votes
1answer
419 views

Override default breakpoints in Magento2

I want to override default breakpoints in magento2 css. suggest any ideas how to do this? E.g. in magento2 default breakpoints are @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @...
2
votes
2answers
627 views

Inline CSS file for custom email template in custom module not loading

I'm using Magento version 2.2.0 to create a custom email template for my custom extension, I need to add inline CSS to the email template, I've followed the instruction here , so my email template ...
1
vote
1answer
180 views

Multiple themes in Magento 2.2 that extend off of each other?

I've created a theme at: app/design/frontend/<vendor>/default That I call my "default" theme with some base styles, that inherit from Magento Blank as it's parent. Default just has universal ...
0
votes
1answer
505 views

Adding colour variables to magento 2

I have just started to work with Magento 2 and I have the building blocks in place for my custom theme. I'm only restyling the default luma theme and overriding the styling to fit in more with our ...
2
votes
0answers
47 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 ...
0
votes
1answer
404 views

less issue with calc function

I have written some code in less which is wrongly calculated its bug or something that I do wrong. Orignal Code .main-class{ .page-title-wrapper{ width: calc( 100% - 45px ); }...
5
votes
2answers
3k views

Magento 2.2 LESS not compiling locally on Ubuntu

I'm using Ubuntu with Magento 2.2 installed locally for development. I'm updating my LESS, but it's just not compiling for some reason. I have all caching turned off in Cache Management, and I run ...
1
vote
4answers
2k views

Styles-m.css file locations

I am looking to change some css settings on my Magento 2.1.8 store. I understand that this file is created using .less files, but which less files is this made up of and where can i find them? ...