Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [css]

Questions related to CSS in the context of Magento

1
vote
1answer
9 views

Magento 2: How to view/implement Magento icons from 'icons-blank-theme' font-family

I am currently developing a custom theme using Magento 2.3. I am altering the sidebar menu, so that its top-level items are collapsible and an arrow appears beside them when clicked, the same as the ...
2
votes
2answers
269 views

Magento 2.3 : Css files not generating while static content deploy

In File.php line 150: The contents from the "D:/projects/directory/m2/pub/static/frontend/Smartwave/porto/en_US/css/styles-l.css" file can't be read. Warning!file_get_contents(D:/projects/directory/...
11
votes
9answers
18k views

Magento 2: Not loading CSS and JS after successful installation in windows

CSS and JS not loading after installation of Magento 2 default template OS: Windows 10 Xampp Control panel V3.2.2 PHP version: 5.6.28 Server: Apache/2.4.23 (Win32) phpmyadmin Version information: 4....
0
votes
0answers
18 views

Cannot make page-bottom width 100%

I am trying to set width of page-bottom to be 100% but unfortunately I am still unable to make it 100%. what I really want to have is: Here is my default.xml <referenceContainer name="page....
-1
votes
1answer
33 views

Make small design changes on store view

I'm trying to make a few small design changes in my second store view. I was wondering if there is an easy way to do this - without duplicating the theme or stylesheets, example: I want to change the ...
2
votes
2answers
1k views

Magento2: How to add separate css file on each cms page?

Is it possible to add individual CSS file on each cms page? Upon researching, I can do it by adding code on Layout update XML. Unfortunately, it isn't working. Here's my code: <head> <...
2
votes
2answers
22 views

Magento2 : I am getting this error when i upload two custom module and css and js file

I am getting this error on my live site as production mode and I uploaded only two custom module and js and css and two overwrite file in our theme.Below share error as warning showing I apply all ...
1
vote
0answers
11 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....
3
votes
2answers
36 views

Removing CSS code from a theme using a custom theme

Im not sure this is possible but I wanted to ask. I have a theme installed and it adds alot of CSS to the search input which breaks a custom module that also works with the search input. I cant just ...
9
votes
4answers
5k views

Magento2 CSS was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff)

I am using Magento 2 in Windows 10 using xampp. I have installed magento2 and it was running perfectly. After that, I migrate data from magento1 with migration tool. Now I am having an error with ...
1
vote
1answer
925 views

styles and js not found 404 magento2

I installed magento2 on openserver created my custom theme developer mode is enabled content deployed When i try to load home page browser showed errors in pub/static i have only wNumb.min.js and ...
1
vote
3answers
3k views

Magento 2 styles not showing after choosing luma theme

I have a fresh new intall of magento 2, which appeared to be working fine till I changed the Theme to Luma. Then the frontend styles disapeared, the info is there, as well as the products, but no ...
2
votes
3answers
29 views

Magento bad execution on js and css

i have a issue when a try to access to my Magento Admin Panel and frontend default page. the admin panel always shows epmty And the frontend default page show content but without CSS and JS: how to ...
4
votes
3answers
5k views

How can I override default CSS properties in my theme?

I've already created a custom.css file which include some properties that I use in my custom theme (inherits from Blank theme). I can apply successfully those custom properties, however some ...
2
votes
2answers
31 views

How to move Magento 2 Search bar to be centered

Here is my current search bar: And here is my expectation: I still don't understand about how to make centered search bar like that ? here is my html (from inspect element): <header class="page-...
4
votes
2answers
79 views

Create less file for custom Theme

How to create new *.less file in Magento 2.3 project ? Here is my existing Theme: Here is my existing less file that DOES NOT work: Nothing is work here: My question is how to add custom less code/...
1
vote
2answers
1k views

Adding custom js and css to Product grid in Magento 2

Can we add custom JavaScript and CSS to the Product grid. I've created a product_listing.xml within my own module, and it's working, but can we add custom JS and CSS to product_listing.xml like we do ...
1
vote
0answers
16 views

Custom CSS in the admin panel

We have installed Venus theme Megamenu PRO plugin into Magento 2 site. After installing it, we can see that they are providing an option Custom CSS to write CSS into the admin panel. Please see the ...
2
votes
2answers
17 views

Page Styling (css) does not appear in the new Theme implementation (descendant of Luma Theme)

I just created empty theme which is descendant of Luma theme. but unfortunately the styling is not appear: theme.xml <theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:...
1
vote
2answers
49 views

Magento 2 CSS/JS error in frontend and backend

It first started after i set https://(My_Domain_Name).com into Configuration > Web > Base URLs & Base URLs (Secure) > Base URL for Static View Files & Secure Base URL for Static View Files (I'...
1
vote
1answer
24 views

Remove class on div from empty.xml layout

I am running Magento 2.2. I have custom HTML I want to add to a CMS page. After navigating to the page where this HTML resides, the content is automatically displayed inside a div with class page-...
1
vote
0answers
18 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/...
1
vote
1answer
14 views

Jumping Items On Category Page - CSS

We have upgraded and unfortunately many of the custom theme modifications do not work with the new system. Most are easy fixes but i am struggling with this one which i suspect is probably an easy ...
1
vote
0answers
35 views

Magento 2.3.0 Admin grid using UI component sticky CSS is not working

I have created a grid using UI component. in this grid, I display only grid I don't need to display button <buttons></buttons>. gird is working perfectly when I scroll down in grid page ...
2
votes
5answers
2k views

Frequent Css and js changes not reflecting Magento 2 in Windows environment

I am modifying a module which uses css and js. OS : WINDOWS Magento Mode : Developer What I've tried : php bin/magento setup:static-content:deploy php bin/magento indexer:reindex deleted cache ...
1
vote
0answers
16 views

How to Dropdown navmenu on hover

I just add a new line of html code to navbar... now the navbar is not open on hover, i do have to click on the nav and to close, i have to click it agan. But what i want , is that the nav open it by ...
3
votes
2answers
2k views

Magento 2 child theme: CSS files not included

I want to add some CSS files. So I created a child theme. In Backend the theme is activated. theme.xml <theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="...
1
vote
1answer
56 views

Magento 2 custom module set the css and js file using the check the particular product attribute is enable or not

I have a custom module.I want to the add the css and js file if my custom product attribute value is available. In xml I can't check product attribute value is available or not. so what i do? ...
1
vote
5answers
2k views

magento2 - how do I show css updates in production mode?

I've spent a few days reading complex questions and answers on this topic. I'm looking for clear instructions regarding how to make simple edits like changes to CSS in my magento2 site. Is it possible ...
1
vote
1answer
4k views

Magento 1.9 - style email template

I am trying to apply my custom css in email template. I already done these things. Add inline css to my html <table align="center" style="width:600px; background:#FFF; border:1px solid #CCC; ...
44
votes
15answers
68k views

Magento2: Re generate css file in pub/static folder

I have installed Magento 2 and set developer mode, then I have installed one module that contains css and js files. The module works fine and css and js files are rendering from pub/static folder. Now ...
1
vote
2answers
246 views

Magento 2.3 CSS inlining error: DOMXPath::query() Invalid expression in selector >> .fotorama__wrap:not(.fotorama__wrap--toggle-arrows)

I am getting this error in Magento 2.3. Error occurs with every email sent. CSS inlining error: DOMXPath::query(): Invalid expression in selector >> .fotorama__wrap:not(.fotorama__wrap--toggle-...
3
votes
4answers
2k views

CSS file not updating

I have a jay.css file in directory /public_html/skin/frontend/neighborhood/default/css but Magento is not recognizing the file changes. I have cloudflare and cleared the cache but it still doesn't ...
0
votes
1answer
548 views

Magento 2 : How to Add Dynamic CSS Url

I need to add custom css in head dynamically, where css url is dynamic. I can add using below code but page will get cache, I need to add css dynamically each page re-fresh, css url will be also ...
0
votes
3answers
1k views

Magento 2: Why my static content for languages are not generated after migration?

I made a backup of Magento 2 and copied the whole site to another host. I extracted files and created a database. Now I get no CSS loaded. They all are "missing". First I thought that it was caching ...
1
vote
2answers
576 views

Magento 2.2.4 : Missing media/styles.css from Sample Data site

Everything seems fine apart from the banner section which appears on various pages which looks like... I can see that some styles are available in the install at <install_dir>/pub/media/styles....
1
vote
1answer
40 views

magento 2.2 static content deploy errors

I am trying to deploy static content in developer mode in magento 2.2 community edition. I am getting multiple errors in terminal related to css. Getting error as - [Magento\Framework\Exception\...
1
vote
1answer
49 views

Magento 2 admin css and js not loading after trying to change admin URL

To change my admin_url of Magento I did it first with: Store > Advanced Tab > Admin Base URL section After that the admin CSS and js weren't working and to solve that I tried it with the ...
1
vote
1answer
30 views

css can't working in frontend magento 2

I have deleted /pub/static/ and /var folder except .htaccess and run cmd setup:upgrade setup:static-content:deploy indexer:reindex cache:clean cache:flush But still some content is not showing,...
1
vote
1answer
2k views

Changing Custom theme color in Magento 2

MY custom theme extends Magento Blank theme.Following this link, http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css-practice.html I added _theme.less in my css/source folder &...
1
vote
1answer
41 views

Magento2 : How to call background image in PWA

I have created one Static block and added below content in and need to add arrow above TEST text. <li><a href="#">Test</a></li> <li><a href="#">Test</a></...
1
vote
2answers
56 views

How to make a word break for span element?

I would like to add a word break at the checkout page via custom CSS but I'm not getting an expected result. 1. I have a heading like below: 2. I would like to change it as below: 3. But getting ...
0
votes
2answers
844 views

Adding css to a module in Magento 2

I am trying to add custom CSS without creating a theme and these are my steps. Step 1 I create a mycss.css file body{ background-color:green; } and this is the path app/code/vendor/module/...
0
votes
2answers
663 views

Magento 2 : How to add inline CSS from admin Layout Update XML?

In Magento 1 we can add inline CSS from admin Layout Update XML like this : <reference name="head"> <block type="core/text" name="custom_css"> <action method="setText"> <...
2
votes
1answer
22 views

Load css on condition

I need to a CSS file based on customer attribute when the user is logged. How can I do this ? Readed this : https://mage2.pro/t/topic/140 but it's based on backend config.
0
votes
2answers
2k views

Magento2.2 refused to apply css because its MIME type ('text/html') not supported

Magento2.2 apache php7 server I moved the website from a Nginx server to this apache2 server. cleared cache, the magento is in default mode still so no need to re-deploy. However now i get an error ...
0
votes
0answers
13 views

Get a list of added CSS files

I'm doing some optimizations to a few sites and I was wondering if it's possible to get a list of all CSS/Less files loaded in the head of the site. I'd like the list in Array or Collection form so I ...
0
votes
1answer
218 views

Element 'css': This element is not expected. in Magento 2.2.5 (upgraded from Magento 2.1.9)

1 exception(s): Exception #0 (Magento\Framework\Config\Dom\ValidationException): Element 'css': This element is not expected. Line: 542 facing this issue in 2.2.5. I have upgraded from Magento ...
0
votes
0answers
29 views

Element 'css': This element is not expected in magento2.2.5

1 exception(s): Exception #0 (Magento\Framework\Config\Dom\ValidationException): Element 'css': This element is not expected. Line: 542 facing this issue in 2.2.5. My store is working fine but ...
1
vote
3answers
110 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 ...