Questions tagged [less-css]
151
questions
0
votes
0
answers
59
views
Magento 2 x Amasty override less_to_css.xml
I'm using my own compiler on my theme for less. I succesfully add the Amasty less files in my theme to override Amasty's default theme. However, Amasty is using a custom compiler (cssOptions) to ...
0
votes
1
answer
25
views
encountered an issue where the modifications made to the style-m.css and style-l.css files are not being reflected on the website
After the installation of the Martfury Magento theme on my server, we attempted to make changes to these two files but were unable to locate them within the theme directory. I found these files in,
/...
- 13
0
votes
0
answers
74
views
LESS/CSS error after upgrade to 2.4.4-p2
I am in the process of upgrading from 2.4.2 to 2.4.4-p2. I ran all the update commands and then switched to php 8.1 and now have a site which appears and mostly works but the CSS isn't working. I have ...
1
vote
1
answer
46
views
Changes to css in extend less not reflecting on site
I am using a custom _extend.less file for css changes, all changes are showing but this particular one. When I inspect from browser the element is leading with # instead of . So not quite sure what I ...
- 47
0
votes
2
answers
130
views
How to add Fontawesome in Magento2 without CDN
I want to load Fontawesome in my Magento2 without CDN. I have downloaded the font awesome library from this link Fontawesome 6.1.1. And in zip file I got these files as shown in the figure . And in my ...
0
votes
0
answers
24
views
Custom theme css - less generation issuue - Magento 2 Cloud Commerce
I have an interesting problem. We have a website in Magento Cloud. This site was made by someone before. The problem is this: When we install a new plugin, the plugin's css files (converted from less ...
- 71
1
vote
1
answer
4k
views
Compilation from source: LESS file is empty
What is the reason behind the error as below:
Compilation from source: LESS file is empty: frontend/vendor/theme/en_GB/css/style.less
I am using a custom theme that inherits from the default blank ...
- 2,013
0
votes
2
answers
39
views
How to immediate effect on website after changes in less css code?
I am developing website design on Product listing page by css code in app/design/frontend/Smartwave/porto_child/Magento_Catalog/web/css/source/_module.less file
.Whenever I change the css code in ...
- 874
0
votes
1
answer
118
views
How to handle Global style sheet for my custom theme?
I have created custom theme then creating _extend.less file under
app\design\frontend\My_vendor\mytheme\web\css\source_extend.less
and did some customization.
Where can I declare global style sheet (...
- 145
0
votes
3
answers
543
views
Less file styles not applying in Magento 2
I have custom theme in ..../design/frontend/MyVendor/my-theme folder. My main less file is in design/frontend/MyVendor/my-theme/web/css/my-main.less.
Content of the main less file:
@import './source/...
- 1,582
0
votes
1
answer
606
views
Enabling client side less compilation breaks everything, getting 404 errors and couldn't go back to server side compilation mode
Once I enabled client-side less compilation, the entire page breaks. getting 404 errors for less files. I'm on developer mode. tried clearing var/cache, var/view_preprocessed, var/page_cache, pub/...
0
votes
3
answers
416
views
Magento 2.3 - CSS changes revert after running " php bin/magento setup:static-content:deploy -f "
After edited CSS then run php bin/magento setup:static-content:deploy -f my changes revert, all my css workout removed.
CSS Path :
pub/static/frontend/Codazon/fatest_grocery_gourmet/en_US/css/style-...
- 145
0
votes
1
answer
904
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 ...
- 101
0
votes
1
answer
4k
views
Issue deploying Magento 2: Unable to get content
During deploy we get issues:
Deploy using quick strategy
frontend/Magento/blank/en_US 0/2437 >-------------------frontend/Magento/blank/en_US 2/2437 &...
- 2,156
0
votes
0
answers
41
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?
- 113
0
votes
2
answers
198
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-...
- 139
0
votes
1
answer
44
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???
- 139
0
votes
2
answers
609
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 ...
- 39
4
votes
2
answers
120
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?
...
- 593
0
votes
1
answer
44
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 ...
1
vote
1
answer
853
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-...
- 87
0
votes
3
answers
763
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 ...
- 43
0
votes
1
answer
335
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 ...
- 430
0
votes
2
answers
136
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 ...
- 119
0
votes
1
answer
212
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 ...
- 1,473
0
votes
1
answer
101
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 ...
- 935
0
votes
1
answer
348
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
2
answers
507
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 ...
- 165
2
votes
1
answer
67
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....
- 62
1
vote
1
answer
39
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,431
2
votes
1
answer
1k
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!
- 80
1
vote
0
answers
243
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/...
- 41
0
votes
1
answer
39
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,124
1
vote
1
answer
67
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/...
- 125
0
votes
1
answer
501
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/...
- 407
1
vote
2
answers
813
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,484
0
votes
1
answer
221
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 ...
- 1
7
votes
6
answers
29k
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 ...
- 461
1
vote
3
answers
1k
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 ...
- 11
1
vote
1
answer
842
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 ...
- 41
2
votes
1
answer
3k
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
1
answer
437
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%...
- 103
1
vote
2
answers
472
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-...
- 69
0
votes
1
answer
36
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
1
answer
24
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 ...
- 33
0
votes
1
answer
326
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,225
1
vote
1
answer
52
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/...
- 1,839
0
votes
1
answer
178
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 ...
- 457
2
votes
0
answers
79
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 ...
- 227
1
vote
1
answer
466
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 ...
- 103