2022 Developer Survey is open! Take survey.

Questions tagged [css]

Questions related to CSS in the context of Magento

Filter by
Sorted by
Tagged with
0 votes
1 answer
19 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"; ...
user avatar
  • 2,048
0 votes
0 answers
7 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 ...
user avatar
0 votes
1 answer
26 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/...
user avatar
0 votes
0 answers
18 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 ...
user avatar
0 votes
1 answer
20 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?
user avatar
  • 3
0 votes
1 answer
61 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 ...
user avatar
0 votes
2 answers
40 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 ...
user avatar
0 votes
0 answers
36 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 ...
user avatar
  • 1,417
0 votes
1 answer
24 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 ...
user avatar
  • 1
0 votes
0 answers
26 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 ...
user avatar
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 ...
user avatar
  • 1
0 votes
1 answer
64 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"?> &...
user avatar
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 ...
user avatar
  • 1
0 votes
1 answer
60 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.
user avatar
0 votes
1 answer
39 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 ...
user avatar
  • 1
0 votes
1 answer
97 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> ...
user avatar
  • 1
0 votes
0 answers
23 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.
user avatar
0 votes
1 answer
91 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 ...
user avatar
0 votes
1 answer
89 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
user avatar
0 votes
0 answers
16 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 ...
user avatar
0 votes
0 answers
17 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 ...
user avatar
0 votes
0 answers
19 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']['...
user avatar
1 vote
0 answers
176 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 ...
user avatar
0 votes
3 answers
42 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!
user avatar
0 votes
2 answers
34 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 ...
user avatar
0 votes
3 answers
141 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 ...
user avatar
  • 11
0 votes
1 answer
36 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 ...
user avatar
  • 11
0 votes
0 answers
26 views

change direction of span price class in magento 2

I have Magento 2.2.1. in price showing which is residing between two span tags with price class, I want to change the direction of that span. when I inspect see lrm; after span tag and I want to ...
user avatar
0 votes
2 answers
65 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, ...
user avatar
  • 464
0 votes
0 answers
23 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" ...
user avatar
  • 11
0 votes
0 answers
18 views

i want to add category section bar below my website to show as Mobil app

how can i add this bar below to my website, i use magento 2.3.6 porto theme
user avatar
0 votes
1 answer
35 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"> <...
user avatar
  • 3
1 vote
1 answer
42 views

How do I remove the black box border from my magento website?

Please help me, I can not seem to figure out a way to remove the black border box surrounding all my product images and containers. My website is tucsons.ng Here is a sample of what I really want gone ...
user avatar
0 votes
0 answers
22 views

Nginx on Magento 2.3.2 not rewriting the /version on request urls

I am desperate with this. I have the following config files: upstream fastcgi_backend { # use tcp connection # server 127.0.0.1:9000; # or socket #server unix:/var/run/php5-fpm.sock;...
user avatar
0 votes
3 answers
111 views

I want to delete marker from my html, css. Its showing on store view

I have marker showing in my slider on store view how can I remove it, I can't find this code in html. [
user avatar
0 votes
1 answer
73 views

Magento2.4.2 - How to get merged js and css URL?

I need to get the merged CSS and JS files URL for the current page. I have checked the core file vendor/magento/framework/View/Page/Config/Renderer.php::renderHeadContent() public function ...
user avatar
  • 9,489
0 votes
0 answers
70 views

Magento 2 - magento media query mixin not working

I try to add this code to my style. .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) { .foobar { background: red; } } I compiled it successfully with grunt, ...
user avatar
  • 2,402
0 votes
2 answers
54 views

Magento 2.3.7 new installation not show error and none log, but use blank page without styles

recently installed magento 2.3.7 via composer, but not get any error from log or browser, this is my apache configuration , luma not working <VirtualHost *:80> ServerAlias magento.test ...
user avatar
  • 151
0 votes
0 answers
51 views

M2 Admin CSS URLs incorrect

After we incorrectly changed Base URLs in the admin area, we lost all CSS etc on both front and back ends. Could not fix via the admin area as Save buttons not working. In the database I updated the ...
user avatar
-1 votes
3 answers
43 views

How can I convert quick order image to css in Magento 2?

I have this icon I wanna convert in css this icon. This is below code I implemented but could not success.Please help <!DOCTYPE html> <html> <head> <meta name="viewport"...
user avatar
0 votes
2 answers
189 views

Radio buttons are not displayed in the “payment & shipping information” section in the case of reorder by admin magento 2.4

- sales > orders > view > and Click Reorder and check "payment & shipping information” section Radio btn Not Showning admin panel. Check below image
user avatar
0 votes
0 answers
26 views

Magento 2 - Size of styles

I'm asking myself about performance on Magento 2 websites. Indeed, Google says to me that 95% of my styles-m or l files are unused on homepage. That's a normal behavior, I suppose, it's the aim of the ...
user avatar
2 votes
3 answers
508 views

Missing css from source code magento 2.4.2

When upgrading to Magento 2.4.2 all of the core css is missing front both the back and frontends. Looking at the source I see no reference to such lines such as <link rel="stylesheet" ...
user avatar
  • 2,429
0 votes
0 answers
54 views

Magento 2 - How to extend core adminhtml less file?

I try to extend the file vendor\magento\module-page-builder\view\adminhtml\web\css\source\_buttons.less to add my custom styles to it. I tried to add it to my custom module and added my custom styles: ...
user avatar
  • 2,402
0 votes
0 answers
28 views

Magento 2 - How to completly override a core .less file?

I need to completly replace this .less file from magento 2 core with my own file: vendor\magento\module-page-builder\view\frontend\web\css\source\content-type\button-item\_default.less but I can't ...
user avatar
  • 2,402
-1 votes
1 answer
206 views

How to make round border with gap in swatch in css?

I have to make orange border of swatches like below image I made round swatches in magneto 2.4 and it look like below image My css code .swatch-option{border-radius:50%;min-width: 18px;width: 18px !...
user avatar
0 votes
1 answer
69 views

How to add inline css to the Transaction Emails

I need to update existing email header. There for I have to modify some styles.but doesn't define in specific style in app/design/frontend/{themename}/{namespace}/Magento_Email/email/header.html app/...
user avatar
  • 129
0 votes
0 answers
161 views

Magento 2 on Valet not loading CSS

So, as the title says, css is not loading on my local Magento page. I have used Valet, and Magento has been working fine up until today. Today, I wanted to try something and executed valet secure {...
user avatar
  • 107
3 votes
3 answers
186 views

Styles are not loading in Magento 2.4.2 on Mac OS

I have installed vanilla (with sample data) Magento Community edition 2.4.2 on Mac OS with following technology stack however styles are not loaded at all, not even in head block. However I can see ...
user avatar
0 votes
0 answers
17 views

Magento applying incorrect inline css style size to upsell block

Using Luma as parent I have set image size in my theme's view.xml file for "related_products_list" "small_image" to 80/80. On the front end this displays correctly, and I notice ...
user avatar

1
2 3 4 5
26