Questions tagged [css]
Questions related to CSS in the context of Magento
1,296
questions
0
votes
0
answers
7
views
Issue with Ensure text remains visible during webfont load in Porto Theme
After running site audits with Google Insights and Lighthouse I am getting the following:
Ensure text remains visible during webfont load
Leverage the font-display CSS feature to ensure text is user-...
- 13
0
votes
1
answer
12
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 ...
- 111
1
vote
0
answers
16
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,166
0
votes
0
answers
11
views
How to remove Default style-m.css and styles-l.css Stylesheet, Add Back One Page Only
I have a Magento 2 client with a strange theme that is using scss and to make a long story short I need to remove the styles-l and styles-m css/styles from vendor/magento/theme-frontend-blank/...
- 940
1
vote
2
answers
26
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
0
answers
9
views
Update from 2.3.3 to 2.4.3-p1 and the magento blank theme seems to be overriding certain areas of my custom theme
Parts in the header and footer are being overridden by the magento blank theme.. ie. logo and newsletter signup in the footer.
I looked in the DB under the theme table and everything is identical to ...
- 101
0
votes
1
answer
7
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,100
0
votes
0
answers
14
views
Magento 2 Search Shifts After Stretching
From research, I found this method to making a responsive search-bar that covers 100% width of the header.
.page-wrapper .block.block-search {
width: 100%;
}
There is a problem however, it doesn'...
1
vote
2
answers
25
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
0
answers
36
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 in style-l.css or style-m.css. i have already use 2 methods
1.method
app/design/frontend/Kinex/theme/web/...
- 15
0
votes
0
answers
4
views
Exclude CSS file from CSS Merge
I will really appreciate any guidance on how to exclude a CSS file from CSS merge on all pages. The closest post I found is:
Magento 2 : Exclude CSS from merged file just for the homepage
I purchased ...
- 1
0
votes
0
answers
25
views
Magento 2 add css class to xml file
How can add css class to create an account link from my xml file
<referenceBlock name="top.links">
<referenceBlock class="Magento\Customer\Block\Account\RegisterLink&...
- 65
0
votes
0
answers
34
views
Email css not processed
At header template is:
<style type="text/css">
{{var template_styles|raw}}
{{css file="css/email.css"}}
</style>
At email html is content of ...
- 1
0
votes
0
answers
32
views
Custom Css is not working properly in Magento 2.4.4
I have added a custom CSS for owl carousel it is working fine with Magento 2.3.7 but not working with Magento 2.4.4
Snap from Magento 2.4.4
Snap from Magento 2.3.7
CSS code
{
background-image: ...
0
votes
1
answer
24
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) {
...
0
votes
0
answers
10
views
How to add blur() to page when Searchbar is open
So basically, when the Searchbar/Suggestionsbox from elasticsuite is open i want to have the website underneath with a blur() effect. So my approach would be like adding a ::after pseudo element. but ...
0
votes
0
answers
13
views
Load custom less in a particular phtml file
I know that I can load a custom css in a particular phtml file using
<link rel="stylesheet" type="text/css" href="<?= $this->getViewFileUrl('Custom_Module::css/source/...
1
vote
1
answer
174
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 ...
- 103
0
votes
1
answer
124
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
0
answers
10
views
Load XML in Windows 10 and format using CSS
First let me start of by saying that I am not a programmer or code person.
I used to design websites back in the dinosaur ages of the internet but don't have a clue about any of it these days.
Here's ...
0
votes
2
answers
195
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,100
0
votes
0
answers
17
views
ERROR Compiling Weltpixel CSS
this issue come when i want run this command in my local
php bin/magento weltpixel:css:generate --store=default
for generating my welt css file but the error message is in this picture
can someone ...
0
votes
1
answer
73
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
0
answers
21
views
How to Remove Two Vertical Scrollbars on Magento
I am using Porto theme in Magento 2.4.3.
You can see in the screenshot, I have two vertical scrollbars on right side of the page. How can I remove it.
I'm not sure what's causing it, but I think it's ...
0
votes
1
answer
23
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
162
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 ...
0
votes
2
answers
78
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
58
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,447
0
votes
1
answer
28
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
0
answers
44
views
How to change (via CSS) the position of "Old Price" above the Regular Price?
Thanks in advance to anyone who can answer!
1) How to change (via CSS) the position of "Old Price" above the Regular Price. (As in the image below).
2) How to add this text "ou XXX de ...
0
votes
0
answers
11
views
Dimension settings for uploaded swatches
We use a combo of color swatches generated by the Magento color picker and image swatches that we upload ourselves. And I am having an impossible time getting our uploaded swatches to behave like the ...
- 1
0
votes
1
answer
66
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"?>
&...
- 115
0
votes
2
answers
28
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
140
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
72
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
318
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
0
votes
0
answers
40
views
How to Resize fotoroma library popup/lightbox when clicking on product image on product view page in Magento 2?
I want to set custom height and width of fotorama fullscreen image popup/lightbox.
How to do that....please help.
- 700
0
votes
1
answer
181
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 ...
- 443
0
votes
1
answer
206
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
- 11
0
votes
0
answers
20
views
Problem with main-styles.css in Magento 2
I've created a website with Magento 2 using a Codazon Template infinite.
I'm using URL #1 for the landing page called Megastore and the extension URL #1/shop for the page shop.
The difference between ...
0
votes
0
answers
18
views
Category view - triple page-main CSS class
Vanilla Magento 2.4.3-p1, Mysql 8.0 (Percona), Elasticsearch 7.15.1, Varnish 6.5.2 on Ubuntu 20.04.3
Double checked PHP ext.:
$ composer check-platform-reqs --no-dev
Checking non-dev platform ...
- 43
0
votes
0
answers
39
views
Adding Style Into LayoutProcessor
I am using Magento2.3.5-p2
I have added a LayoutProcessor code as below
// 1- shipping address
$jsLayoutResult['components']['checkout']['children']['steps']['children']['shipping-step']
['children']['...
2
votes
0
answers
418
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
63
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!
- 715
0
votes
2
answers
38
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 ...
- 795
0
votes
3
answers
385
views
Email template styles are not working
I've not changed the core header.html which is in the vendor directory.
According to the Magento 2 dev docs, I must create "email-inline.less" in app/design/MyVendor/MyTheme/web/css ...
- 11
0
votes
1
answer
87
views
Email template css styles are being ignored
I've added these styles in the admin, however only the color style is being applied. Position, left and top styles are ignored. Is there anything else I must add? Why is this happening? Any kind of ...
- 11
0
votes
2
answers
71
views
CSS/JS not loading
I am using Magento 2.4.2, I've moved from a VPS to dedicated, on the VPS everything was working , but after moving css/js are not loading, already corrected permissions and regenerated static files, ...
- 464
0
votes
0
answers
33
views
Magento 2.4.2 Body Tag Empty
Trying to update one site from 2.4.0-p1 to 2.4.2-p1 and another from 2.3.6 to 2.4.2-p1
Both Magento instances now don't add anything to the Body Tag?
Before:
<body data-container="body" ...
- 11
0
votes
1
answer
43
views
Position text inside ahref element (in center of image)
I created a static block with the following issue:
I'm trying to center text inside an ahref element, which looks like the following;
<div class="small-24 medium-16 cell">
<...
- 3