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
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....
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
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
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 ...
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
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 ...
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 ...
7
votes
1answer
987 views

Magento 2 - LESS debuging

I have read Styles debugging guide for M2 and can't seem to find the correct way to start debugging LESS. I have setup Grunt and browser to show original sources for less. But the original source ...
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
6answers
2k views

Magento2 : How to change the footer background color in luma-theme?

I am working on magento-2 version with Luma theme. I would like to change the footer background color from #f4f4f4 to my desired color. I found the path is app\design\frontend\Magento\luma\...
2
votes
2answers
628 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 ...
0
votes
3answers
492 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 ?
4
votes
3answers
7k views

Magento 2 grunt exec does not actually create symlinks

I am following: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html#grunt_prereq it says grunt exec:<theme> does: Republishes symlinks to the source files to ...
0
votes
1answer
421 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
4answers
6k views

Magento2 - pub static css not found

In developer mode I been getting the error FileError: '/pub/static/frontend/theme/theme_name/en_GB/css/styles-m.css' wasn't found (404) I've taken the following steps to try and resolve this: Used ...
0
votes
1answer
507 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
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 ...
2
votes
0answers
402 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?
0
votes
1answer
407 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 ...
9
votes
4answers
2k views

Magento 2 How to override vendor/magento/magento2-base/lib/web/css/source/lib/_navigation.less?

How Can I override vendor/magento/magento2-base/lib/web/css/source/lib/_navigation.less file in my custom theme ?
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? ...
0
votes
1answer
36 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
49 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 ...
0
votes
1answer
1k 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.
2
votes
0answers
180 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 ...
3
votes
2answers
6k views

how to fix error after deploy:mode: developer?

In Magento2, after I created custom.less in myTheme, it does not render file less. so I tried run cli php bin/magento deploy:mode:set developer then in the admin panel, I get the error: SyntaxError: ...
1
vote
3answers
7k views

Magento 2 add background image in custom theme

I have extended Magento blank theme and placed _theme.less in css/source folder of my theme. I want to add background image. So I added this code in _theme.less. @page__background-image:"url('@{...
3
votes
1answer
2k views

CSS files not update with _extend.less rules

I has installed magento 2 version 2.0.7-0, I trying to create my own theme but I can get archive that styles in _extend.less work correctly. This is my path theme: /app/design/frontend/<vendor>...
3
votes
2answers
2k views

Magento 2 add custom css to custom theme file

I created a custom less file in \app\design\frontend\Vendor\theme\web\css\source I don't know how to compile it and how to imports this file in style-l.css please give your suggestions
0
votes
2answers
5k views

style-m.css not found error for custom theme in magento 2

I have created a custom theme that extends Blank theme.This is my default_head_blocks.xml of custom-theme. <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...
0
votes
2answers
59 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 ...
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 ...
2
votes
1answer
133 views

How to properly edit Magento 2 stylesheets? And what to do next to see it in the frontend?

I'm new to Magento 2.0. I purchased a theme and I want to edit some styles. I checked in the firebug it's showing url/pub/static/frontend/vendor_name/theme_name/en_US/css/styles-l.css I made some ...
3
votes
1answer
89 views

Is there a fast way to flush cache and empty static folders using putty commands?

Is there a fast way to flush cache and empty static folders using putty commands? I am in developer mode and sometimes I dont know what I need to do so that the site updates my edits. Can one combine ...
1
vote
1answer
287 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'...
0
votes
2answers
9k views

Magento 2 : How to Include New Fonts

I have added new fonts in <my theme>/web/fonts, and declared those fonts in <my_theme>/web/css/source/_typography.less. But still my custom fonts not reflecting in my pages. I'm missing ...
0
votes
1answer
219 views

Can't modify style in custom theme using Grunt

I have custom theme Hiddentechies/bentriz theme.js bentriz: { area: 'frontend', name: 'Hiddentechies/bentriz', locale: 'ja_JP', files: [ 'css/source/custom', 'css/source/...
0
votes
1answer
474 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
421 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
165 views

Using Theme Lib Css / Source In Modules

If using the _module.less convention in a custom module - do we have access to all of the files included there (lib-clearfix, etc)? Is this the only way or are there other methods that have been ...
0
votes
1answer
341 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 ...
2
votes
1answer
318 views

Unable to fetch css in magento2 after magento2 upgrade [duplicate]

I update my Magento 2.0.1 to 2.1.6 and it updates successfully. The problem is from frontside CSS are not working correctly but in admin side, it is working good. What i do to update magento is ...
1
vote
2answers
799 views

magento 2.0.7 compile error less

my client bought a template from TemplateMonster and I followed their indiciazioni on installation and configuration of the php.ini, I have always an error when I use php bin / magento setup: static-...
0
votes
2answers
539 views

Magento 2 styling / CSS not displaying in IE 9

For some reason any Less I have written inside the @media-common = true media query does not load in IE9. I can't find any specific code to prevent this from rendering out in IE9. It happens whether ...
3
votes
2answers
3k views

Grunt less:theme fails @media-common is undefined

I am using a theme that I have created based on a third party theme 'Optimus' and I am trying to use Grunt to compile the LESS. However, when I run grunt less:theme it fails with the following error: ...
2
votes
1answer
130 views

Magento 2 CSS - Trying to target home page only with .cms-home but styling affects other pages too

I am using the Magento 2.1.6 blank theme as a base for my own theme which is working correctly. However, I want to add CSS code to target the home page only and not affect any other pages. I have ...