Questions tagged [css]
Questions related to CSS in the context of Magento
1,301
questions
1
vote
1
answer
17
views
Adding CSS for specific CMS Page via Layout Update XML - Magento 2.4.x
I want to add the custom css for specific CMS Page, I know we can create a new theme for it but I want to use the Layout Update XML Or by adding it to empty page layout directly.
Currently, if I add ...
- 140
1
vote
2
answers
155
views
Magento 2.4 var/log/system.log full of: Requested path _cache/merged/... is wrong (but is working)?
Or system.log in var/log is full of the following lines:
[2023-11-03T09:18:36.813475+00:00] main.CRITICAL: Requested path '_cache/merged/8ce44e6dea119fd921c2d7d8a0a9db33.min.css' is wrong. [] []
[2023-...
- 288
0
votes
1
answer
77
views
Magento 2 - Minify CSS and JS in pub/static folder not updating in browser
I have activated the minify and merged option for the CSS and JS files for better site performance, but recently I have had problems, after deploying and cleaning cache in both varnish and the ...
- 53
0
votes
2
answers
131
views
After installing Magento2.4.6-p2 CSS and JS 404 not found
I installed magento2.4.6-p2 in my C:\xampp\htdocs\magento2.
But I can see this.
In pub .htaccess file is :
############################################
## Optional override of deployment mode. We ...
- 37
0
votes
0
answers
12
views
Generated style not present in any source file or in db
I'm building an ecommerce with Magento.
For what concerns the "As low as" label, present in configurable products when you haven't chosen all the attributes (it shows "As low as" ...
- 103
0
votes
1
answer
155
views
Confusion over the Magento 2 Mobile Breakpoint 767px, 768px?
I've just confused myself here testing an iPad Mini which seems to be 768px. This was displaying desktop in older versions and now on an update is showing mobile i've noticed some styles were not ...
- 5,415
1
vote
1
answer
57
views
Porto theme - Magento2 - Product page - Image position
Check this image:
This is my product details page. Image on the left is moving up with scrolling. I don't want it to move up. I want too always be fixed on the right as long there is a text on the ...
- 39
0
votes
1
answer
44
views
Magento2 How to translate City names in the Arabic language
How to translate City names in the Arabic language.
here is the screenshot.
https://i.imgur.com/2UVdzrJ.png
I can not translate city names on my account page.
- 101
0
votes
0
answers
57
views
How to change stripe payments elements css
I have integrated Stripe payment system. Now I wanted to change the card number input fields css. The problem is these fields come under iframe tag. But until iframe loads, I cannot access these. I ...
- 15
0
votes
0
answers
23
views
Custom Invoice in Magento 2 showing a empty Page and double Taxes
im trying to make a custom PDF-Invoice for my Magento Store. So i edited the invoice.phtml File and did some Changes. Somehow it worked pretty fine, but there are still two problems and i dont know ...
- 1
0
votes
2
answers
170
views
Magento2 - reduce size of style-m.css?
I read up on the use of less files by Magento.
I checked the size of the two files inside the pub/static folder and I noticed that the style-m.css file is twice the size of style-l.css.
Why?
I simply ...
- 441
0
votes
0
answers
21
views
4th Generation CSS inheritance - grand grand child theme
I have a child theme that inherits magento luma, let's call it Theme A.
Theme B inherits from theme A,
and Theme C inherits from Theme B (By the way this is a multi-store so this is the reason behind ...
0
votes
2
answers
96
views
How to show images in a horisontal scroll-bar
Can anyone point me in the right direction.
How can I make the category image row on this page show the images as
overflow-x: scroll
show all images in the same size
dev url: https://xxx.dev/lege/...
- 103
0
votes
1
answer
30
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
45
views
Magento 2.4 Critical CSS enabled, removes 3rd party icons
I am trying to optimize my M2.4 site by enabling Critical CSS, but I am running into an issue that I can't seem to resolve.
I am using Google Material icons throughout the site which works as intended,...
- 5
0
votes
1
answer
171
views
Where do I get the default css classes?
For example:
The css classes applied to primary buttons are .primary and .action
I know that because I inspected the element on a live page.
I want to find the css classes applied to buttons with ...
- 1
0
votes
1
answer
34
views
How to compile my styles in _module.less inside the Amasty_CheckoutCore on the Child Theme in Magento 2
I am trying to change the styles in amasty checkout page using the _module.less file and previously I used the _module.less inside the web/css/source in the Child theme to change my theme styles now I ...
1
vote
1
answer
46
views
Override widget.css for yotpo in default magento
Can we override yotpo css named widget.css in the default magento?
Thanks in advance
- 403
0
votes
1
answer
80
views
Add css file to layout not working
I try to add a css file to a new layout for a cms page (magento 2):
src/app/design/frontend/NAME/default/Magento_Theme/page_layout/lpmdd-without-header.xml
<?xml version="1.0" ?>
<...
- 1
0
votes
2
answers
32
views
Using custom css - hide minicart
I created a local.css file that works well with this content:
.action.primary.tocart {
display: none;
}
However, I want to use it to hide the minicart:
<a class="action showcart" ...
0
votes
1
answer
87
views
Using a custom CSS file - hiding a button
I created a local.css file that works well with this content:
body {
background: blue;
}
However, I want to use it to hide this button:
<button type="submit" title="Add to Cart&...
1
vote
1
answer
295
views
How to convert anchor tag into button in magento 2
I want to convert this "Notify me when this product is in stock" anchor tag into button and it should be open in new tab on click.
Steps to reproduce issue:
Step 1: Enable To Display Out of ...
- 378
1
vote
1
answer
64
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
1
vote
1
answer
71
views
Magento 2 - Override style which is in vendor/foo/bar/view/base/web/css/source/module/components/_foo.less from own theme?
How can I override the file vendor/foo/bar/view/base/web/css/source/module/components/_foo.less
I put it in my theme at app/design/frontend/company/fresh/Foo_Bar/templates/web/css/source/module/...
- 3,150
0
votes
3
answers
71
views
Bolding or changing the color of "Continue Shopping Url"
I took the code from inside:
vendor/magento/module-checkout/view/frontend/templates/cart/noItems.phtml
and i'm overiding it here:
app/design/frontendvendor/namespace/module/Magento_Checkout/templates/...
- 135
0
votes
1
answer
234
views
Magento 2 compiling SCSS using Gulp
Currently, our development build uses gulp styles to compile stylesheets for the theme, I've installed it a dozen times but after I attempted to install it today I keep getting stuck on the message ...
- 71
1
vote
0
answers
183
views
Hide (display:none) specific element from adminhtml Product page
On the adminhtml Product page, there exists a fieldset of Configurable Options. Certain Configurable Options I wish to hide from the content manager of the adminhtml screen as they are managed ...
- 1,105
1
vote
2
answers
72
views
layout messed up for Prince_Productattach module for magento 2.3.3
I am using a Prince_Productattach module on my Magento 2.3.3 CE, how can I troubleshoot some issues on the frontend.
as the diagram shown, the product attach block display on two places, i didn't ...
- 31
0
votes
1
answer
197
views
Hiding elements when the elements has property data-mage-init
I found some elements will be preloading, when it is preloading, there is a property data-mage-init inside the tag .eg the menu bar in my custom theme
<div class="section-items nav-sections-...
- 2,201
1
vote
2
answers
151
views
Luma theme deconfigured after installing sample data
Console error:
Refused to apply style from 'https://app.bartofilpc.test/media/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is ...
0
votes
2
answers
792
views
Magento 2 : How Can I Add custom.less File For Only Specific Page?
how can i add custom.less file for any specific page in child theme? means don't need genrate inside my custom css code in style-l.css or style-m.css and i have already 2 methods used.
Method 1.
...
- 27
0
votes
1
answer
97
views
Error in LESS file
I am getting this error while running the deploy command. What is the issue? Please help me. My code is
.fieldset {
.field {
&:not(.choice) {
...
2
votes
1
answer
1k
views
Magento 2.4.4 PageBuilder SourceMaps not generated
I hope to get some help here.
I am using M2.4.4 with Pagebuilder on the backend. But on Product Edit Detail I get lots of 404 errors with missing .map files.
How can I disable PageBuilder SourceMaps ...
- 123
0
votes
1
answer
871
views
Magento 2 Home Page Slider in Page Builder is not responsive
I’m encountering issues with the Home page slider from the Magento page builder. It is not scaling well to mobile screens. The arrows don’t stay centered and it leaves too much white space around the ...
- 11
0
votes
2
answers
736
views
Pwa studio adding custom css
I'm learning pwa studio how to code
here is the code:
/* src/components/GreetingPage/greetingPage.js */
import React from "react";
import { useParams } from "react-router-dom";
...
- 2,201
0
votes
1
answer
361
views
Have issue with magento 2 not loading css and js on live site
Have this issue all css and js are not loaded on live site.
Tried with terminal to do this.
php bin/magento setup:static-content:deploy -f
then php bin/magento indexer:reindex
and in the end php bin/...
0
votes
1
answer
30
views
Magento 2 CSS button appearance wrong on mobile browsers [closed]
Mobile version:
PC/Ipad tablet version:
Any clue why mobile iOS/android version dosn't match with pc version/ipad/tablet version? What could be the cause?
- 3
0
votes
1
answer
421
views
Magento 2.4.3 Page Builder and Porto Theme
Does anyone know how I can use Porto CSS on page builder?
What I have been trying to do is that when I add a text box in page builder and I use H3 it uses its own font instead of what Porto uses for ...
- 149
0
votes
2
answers
274
views
Updated CSS in pub/static doesn't reflect in browser!
Recently I got an odd issue regarding the CSS changing.
Here is the problem:
I change the CSS in the theme folder, delete the file in the pub/static. I do static content deploy via SSH and cache flush ...
0
votes
1
answer
472
views
Magento 2 front end looks like no css and js after deploying static content
I'm using magento 2.4.3, and I did a couple putty commands, like upgrade, compile, and now
php bin/magento setup:static-content:deploy -f
but now the front end is loading apparently without css and ...
- 1,467
0
votes
1
answer
66
views
Magento 2: Updating Module Specific CSS
I have added a module specific css file from within a module.
I have a layout file at app/code/Vendor/Module/view/adminhtml/layout/catalog_product_edit.xml with the following contents:
<?xml ...
- 1
0
votes
1
answer
102
views
Custom CSS file not available on front end
I have created a child theme of parent theme, and declared default_head_blocks.xml at
<child_theme_dir>/Magento_Theme/layout folder with following content:
<?xml version="1.0"?>
&...
- 125
0
votes
2
answers
37
views
change themes.css in magento2
I am new in magento2.
I have done some changes in a css file and have change the file https://agoshop.at/pub/static/frontend/smart_media/smart_media1/de_DE/css/themes.css on the ftp server.
Here my ...
- 1
0
votes
1
answer
336
views
How did you handle with the Eliminate render-blocking resources and Limit unused CSS in Magento 2
How did you handle with the Eliminate render-blocking resources in Magento 2 and Limit unused CSS it is about real treatments.
I have enabled Varnish, Minify CSS, JS, WebP, Image attributes added.
- 111
0
votes
1
answer
137
views
Sticky Navbar Magento2
I want to make the navigation bar to be sticky.
I have completed that in the below way.
Now I want to make the logo to display in the navbar when we scroll.
I don't know how to add the logo to the ...
- 1
0
votes
1
answer
702
views
Jquery on click event
Can anyone give example for both click and on click event in jquery?
I tried this example for on click, but the same function is happening for a click event also,
<!DOCTYPE html>
<html>
...
- 1
2
votes
1
answer
653
views
How to apply bootstrap classes for pages in magento 2.4.3
I had created a page with bootstrap classes but those styles are not applying for ref please find the below URL.
https://icontiles.co.uk/delivery-status
please find the below code also
<table ...
- 473
0
votes
1
answer
705
views
Add rel = "preload" to the core css files in magento 2
Is it possible to add "rel=preload" for all the core Magento CSS files?
I have added that for my custom CSS file.
how can this be added to all the core CSS files for Magento 2.4
- 89
2
votes
0
answers
1k
views
Refused to apply style from '<URL>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
If there is mime or css or js issue then there is chances that in side pub/static .htaccess could be missing.
Refused to apply style "because its MIME type ('text/html') is not a ...
- 31
0
votes
3
answers
198
views
Magento 2 css from php
Who can tell me how to change the link from PHP.
$this->pageConfig->addPageAsset('')
I already tried but not working.
$this->getUrl('https://...')
Thank you!
- 725