Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [less-css]

The tag has no usage guidance.

2
votes
1answer
21 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
12 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
28 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
18 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
16 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
33 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
22 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
45 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
21 views

Magento 2.3 Blank Theme mobile Category Page only 1 product per row

My custom theme inherits from Blank Theme. On mobile-phone screens I want to show only 1 product per row on category pages. Can anybody help please?
0
votes
0answers
42 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
37 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
38 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 ...
2
votes
6answers
2k 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
21 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
112 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
152 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 ...
1
vote
1answer
205 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
79 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
155 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
31 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
93 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
34 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
50 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
30 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
51 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
43 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
158 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
124 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
84 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
3k 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
382 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
228 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
112 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
354 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
449 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
321 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
523 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
120 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
321 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
42 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
315 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
2k 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
1k 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? ...
0
votes
1answer
34 views

Magento 2 oveeride style-m.less

I want to override the body{} tag of style-m.css in my theme. The code of .themename.less in vendor\theme\web\css\source is body { .lib-background-gradient( #004b6e, ...
1
vote
2answers
40 views

Magento 2 css edit

I start building new theme from scratch and I add custom.css to mytheme->magento_theme->web->css when i test new css with simple code website not working correctly I already: Add css to ...
1
vote
1answer
32 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?
0
votes
1answer
776 views

magento 2.2.2 - How to transfer the product thumbnail to the left side

How can i set thumbnail images to the left side? I set thumbnail image to vertical in view.xml but it displays a thumbnail image right side.
1
vote
0answers
135 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 ...