Skip to main content

Questions tagged [css]

Questions related to CSS in the context of Magento

Filter by
Sorted by
Tagged with
0 votes
0 answers
33 views

owl carousel not positioning rightly moving part of left side to right

owl carousel container not positioning centrally moving 10 px left side part to right or showing part of left on the right side <div class="carousel-section relative w-full"> <...
Muhammad Hossain's user avatar
0 votes
1 answer
33 views

.css and .js files only loading when refreshing page after deploy

Whenever I'm deploying updates on our Magento 2 live environment, I run into the issue that on first page load, the .min.css files and sometimes the .js/.min.js files aren't loading (the browser runs ...
Pascal F's user avatar
0 votes
0 answers
11 views

I have a website running on Magento where my account feature does not work on the mobile version of the website

I have a website running on Magento where my account feature does not work on the mobile version of the website. I want it to look like the second picture when I click on the account button. enter ...
Agent zebra's user avatar
0 votes
1 answer
31 views

"Best practice" editing CSS while in development to avoid cache rebuild time

I'm building my first Magento site after spending the last few years developing sites with other eCommerce engines - wow, Magento does everything differently huh?! Not really best practice but how do ...
CResults's user avatar
  • 105
0 votes
1 answer
30 views

Load different custom fonts to different products

Is there a way to load different fonts for different products in Magento2.4 ? The fonts will be self hosted in /web/fonts, but I want them to load only to specific products. Could be done in a block ...
Nikos Klavdianos's user avatar
1 vote
0 answers
24 views

Mobile browser not loading new css styles

I have the Sign Static Files setting on in Magento settings. I have verified that deployed_versio.txt has a new version number after setting up static files with setup:static-content:deploy. However ...
Webninja's user avatar
  • 1,593
0 votes
0 answers
21 views

The css file goes 404 on fresh magento installation in centos 7 Magento 2?

I install new fresh magneto on my centos 7 recently the home page run success fully but the all css paths goes 404 in core config i also set the base secure and unsecure url for pub static and pub ...
Jay Parmar's user avatar
2 votes
1 answer
109 views

How can I "debug" my Magento website to find out why some text is there/not there?

first, a picture with some explanations. Then some questions... The question is, can I somehow find out why the Text "Ab" is missing in some cases (when I initially load the website). With ...
Kai Mechel's user avatar
1 vote
2 answers
475 views

Hide DIV if another DIV is active or visible with css/js

Trying to hide DIV if another DIV is active or visible with css/js. Basically if an item is out of stock I would like to hide my custom div. <script type="text/javascript"> require(['...
Shaun's user avatar
  • 109
1 vote
2 answers
37 views

Place DIV or SPAN class inside stock available

How can I place a div or span class inside stock available with custom xml. Would like custom block next to INSTOCK. <body> <referenceBlock name="product.info.stock.sku"> ...
Shaun's user avatar
  • 109
1 vote
1 answer
34 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 ...
Sheri's user avatar
  • 140
1 vote
2 answers
301 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-...
Aknot's user avatar
  • 288
0 votes
1 answer
234 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 ...
Diego Castro's user avatar
0 votes
3 answers
311 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 ...
Bohdan V.'s user avatar
0 votes
0 answers
19 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" ...
mugnozzo's user avatar
  • 103
0 votes
1 answer
451 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 ...
harri's user avatar
  • 5,495
1 vote
1 answer
92 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 ...
XraySensei's user avatar
0 votes
1 answer
64 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.
Ekta's user avatar
  • 101
0 votes
2 answers
263 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 ...
Jackom's user avatar
  • 493
0 votes
2 answers
186 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/...
Jesper Brejning's user avatar
0 votes
1 answer
35 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, /...
Hirun's user avatar
  • 23
0 votes
1 answer
247 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 ...
Dante's user avatar
  • 1
1 vote
1 answer
52 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 ...
Naveen Raj Kumar's user avatar
1 vote
1 answer
57 views

Override widget.css for yotpo in default magento

Can we override yotpo css named widget.css in the default magento? Thanks in advance
Mitul Vadalia's user avatar
0 votes
1 answer
100 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" ?> <...
blind's user avatar
  • 11
0 votes
2 answers
37 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" ...
user1802244's user avatar
1 vote
1 answer
116 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&...
user1802244's user avatar
1 vote
1 answer
370 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 ...
Bhagyashri Pawar's user avatar
2 votes
1 answer
78 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 ...
Shaun's user avatar
  • 109
1 vote
1 answer
74 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/...
Black's user avatar
  • 3,390
0 votes
3 answers
95 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/...
Head's user avatar
  • 177
0 votes
1 answer
355 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 ...
fuziion_dev's user avatar
2 votes
0 answers
234 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 ...
dotancohen's user avatar
  • 1,115
1 vote
2 answers
88 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 ...
Dennis Chan's user avatar
0 votes
1 answer
272 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-...
hkguile's user avatar
  • 2,221
1 vote
2 answers
180 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 ...
Douglas Vicentini's user avatar
0 votes
2 answers
1k 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. ...
Gaurav's user avatar
  • 29
0 votes
1 answer
142 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) { ...
user170106's user avatar
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 ...
Marcel's user avatar
  • 123
0 votes
1 answer
1k 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 ...
DavyC's user avatar
  • 11
0 votes
2 answers
909 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"; ...
hkguile's user avatar
  • 2,221
0 votes
1 answer
373 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/...
Aleksandar Zubic's user avatar
0 votes
1 answer
33 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?
i37Ow's user avatar
  • 3
0 votes
1 answer
517 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 ...
Jan-petter Havna's user avatar
0 votes
2 answers
471 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 ...
Armita Razavi's user avatar
0 votes
1 answer
657 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 ...
alexcr's user avatar
  • 1,487
0 votes
1 answer
87 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 ...
cabyio's user avatar
  • 1
0 votes
1 answer
103 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"?> &...
NileshPlus91's user avatar
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 ...
hubert's user avatar
  • 1
0 votes
1 answer
381 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.
mattkrupnik's user avatar

1
2 3 4 5
27