Questions tagged [css]

Questions related to CSS in the context of Magento

0
votes
1answer
31 views

Magento 2 Custom module default.xml CSS not called

I've my module files as following app/code/Vendor/GeoIp/view/frontend/layout/default.xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:...
0
votes
0answers
13 views

ios Safari - Magento 2.2.2 Responsive Menu Subcategories not Expanding

ios Safari - Magento 2.2.3 Responsive Menu Subcategories not Expanding. Hello, We're finding an issue that occurs with iphone and tablets using Safari. It as a high occurrence rate: Steps> 1. Visit ...
1
vote
1answer
707 views

magento2 google font not working

My default Head block is like this <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> &...
1
vote
2answers
9k views

How to modify logo and css style for emails templates in magento 2?

I need to set a new logo and make some css adjustments for emails like "password-reset" in magento 2.
3
votes
2answers
864 views

Magento2 include external resources before local

I have the problem, that my external resources gets loaded after my local resources. So I can't override that styles. I have a custom theme and added a default_head_blocks.xml with the following ...
0
votes
1answer
30 views

Magento 2 custom CSS is not loading after set new custom theme set on customer login

I set magento 2 luma theme for entire site if customer not login after customer login need set ultimo theme i have installed ultimo theme i am able to set by using fallowing line $objectManager->...
0
votes
3answers
782 views

magento 1.9x layout setting - single product page

especially magento geeks, I need a lil help. how can I move in stock, price, color switcher & add to cart option above description, tags & custom tap? <?php $_helper = $this->...
0
votes
1answer
682 views

Magento 2 Change the block style of Luma theme?

I've seen solutions to extend and change the subject. I have created my own theme. I could change colors and some styles that are predefined in the file _theme.less But I can not change other styles ...
0
votes
1answer
31 views

Magento 2 custom theme development css multistore - without locale folders

As a seasoned Magento 1 developer, which is of no use what-so-ever here, I am attempting to work on creating a custom Magento 2 theme for a new multi-store site. What a perpendicular learning curve ...
0
votes
0answers
10 views

Keyboard navigation issue Firefox and Safari

I'm having issues with keyboard behavior in Firefox and Safari running the Luma theme. Tabbing misses the navigation and <a> tags within the <body> and moves to the browser Chrome. I tried ...
2
votes
1answer
29 views

Magento2: Store wise css

We have multiple stores. How can we apply store wise CSS? We have all store has a different home page and all pages. I am thinking to add store code in body class to identifies store. Like: <...
0
votes
2answers
800 views

Left and Right Columns

I am relatively new using magento, and I'm having issues removing/editing the left and right columns. I have the columns enabled, and trying to remove the pictures/links that are defaulted in those ...
0
votes
0answers
15 views

HOW TO DELETE OR OVERRIDE _NAV CSS FILE FORM BOOTSTRAP CDN

_nav file in bootstrap CDN damaging my navbar style So HOW TO DELETE OR OVERRIDE _NAV.sccs FILE FORM BOOTSTRAP CDN? I have added bootstrap CDN to Magento 2 it changed my main menu alignment how to ...
0
votes
1answer
22 views

error 304 theme magento 2

I installed a theme on my computer but it does not work properly, Please check with below attachment css return 304.
0
votes
1answer
23 views

theme magento 2 not working

I installed magento 2 on my computer and I copied the code of the theme in the app\design and pub\ that works on the server but it does not work properly on my computer. Help
1
vote
1answer
898 views

Magento-2 Mobile menu setup

Yesterday, I was having an issue with horizontal top menu as I wanted to make them invisible on frontend. I made it invisible by using css as: body.cms-my-homepage div.main-menu.menu-style-2{display:...
4
votes
3answers
326 views

How can magento2 support .less or css for multi language locale?

For CSS, I found that we can add web/i18n/en_US/mymodule.css for module If I want to add some locale specific CSS for the core module, where should I put them in? e.g. app/design/frontend/mypackage/...
2
votes
2answers
62 views

Magento 2: How to only apply css in catalog product page in grid view but not the list view

If i change the css in the grid view, but and the css will also apply to the list view, which is i don't want it. How can i solve that? Thank you.
0
votes
0answers
31 views

Magento2: Not showing image on Product Detail Page. I have add Bootstrap4 css files in my custom theme

I have added Bootstrap4 in my Custom theme. bootstrap.min.js & bootstrap.min.css added successfully. But it creates conflict in product detail page. I have added a single image in products from ...
0
votes
0answers
25 views

How to edit .less or css files

I like to change some styles in my website, so i edited .less and CSS files for example: app/design/frontend/Templatemonster/theme/web/css/styles-l.less I used "flush Magento cache" from backend ...
0
votes
2answers
735 views

Magento 1.9.2.4 Add Cart To Header

I need to add a cart to the header. I am creating my own custom theme which feeds of the RWD theme. I need a cart that shows total items and value.
0
votes
0answers
21 views

M2 css/less priorities

CCS styles in M2 locates in two CSS files: style-m and style-l. I should use & when (@media-common = true) mixin to put styles just to style- m and they will work for both mobile and deskop ...
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 ...
0
votes
1answer
14 views

Custom css issue with menus

I am using magento 1 and I am trying to set up my menu to have sub menus that are in columns, not one long list. This is what css code I'm currently using is .jewelry { float: left; width: 33.33%...
0
votes
1answer
24 views

Add css to a block Magento 1

In Magento 2, there is a box to place custom CSS to any block. However, I don't see that as an option in Magento 1 How do I add custom CSS to a block in Magento 1? Edit for possible dupe: I want ...
1
vote
2answers
31 views

Cache Issue on mobile and desktop

facing the cache issue. Cache Clean issue - HTML/CSS changes are not reflected on normal browsers. It shows in private or Incognito window. We can't tell each customer to open the website in ...
1
vote
1answer
29 views

Magento 2: Above the fold CSS - inline CSS to <head>

(Magento 2.1.4) I am trying to add my 'above the fold' CSS in to the <head> section. I know I can add it in via Content > Configuration > HTML Head however the issue with this is that it loads ...
0
votes
4answers
3k views

Running “bin/magento setup:static-content:deploy” gives “Permission denied”

When running: root@ubuntu:/var/www/Magento2# bin/magento setup:static-content:deploy I got -bash: bin/magento: Permission denied please note that I'm running the command using root user
0
votes
1answer
35 views

Magento 2 : Exclude CSS from merged file just for the homepage

I have merge and minify CSS enabled and I would like to know if is there a way to exclude a specific CSS file from the final merged file, but only for the homepage? I know how to remove a CSS file ...
0
votes
2answers
17 views

Magento2.3.0 :When merge and minify js and css after set production mode not working my admin panel and frontend css lacking

I am using Magento2.3.0 community version When merge and minify js and css after set production mode not working my admin panel and front end css lacking if any one know what is actual issue reply me ...
1
vote
1answer
961 views

Magento 2 How to update existing less file?

I want to add few styles in _print.less. I have updated the less file and run the upgrade,deploy commands but still it loads old style. Also clear the cache. How can I do it?
0
votes
1answer
22 views

Retain the logo but remove all other elements of header and footer

The Magento Ver is 1.9 and the theme is a variant of the rwd theme. For a home page design I need to remove the header and footer completely but retain only the logo. I have tried this with the ...
0
votes
0answers
46 views

How do i remove unused css from magento 2 homepage?

I am not getting good performance when i audit my website with chroome lighthouse. I am getting few errors like - Remove unused CSS - Ensure Text Remain Visible during web front load - Minimize main ...
1
vote
0answers
23 views

Custom css for adminhtml [duplicate]

I want to customize css for magento admin order create form.Can anyone help with the steps to apply my custom CSS.
3
votes
1answer
84 views

Defer JS / CSS Magento 2 via layout files?

After reading a lot of devdocs, I can see there is a case for deferring in CSS and JS in the manual https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/layouts/layout-types.html#layout-types-...
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
1answer
16 views

How to center a block on a page?

I have a block with a visual menu in it and I want to show up centered on the page. This is my css within the block: .container{ margin: 0 auto; text-align:center; } I've also tried to put the ...
3
votes
1answer
894 views

CSS not showing for “NEW” or “SALE” label

So I followed this tutorial to add "NEW" or "SALE" label for this site: http://www.ubertheme.com/docs/add-product-labels/. The label does show up on the product icon but for some reason the CSS isn't ...
1
vote
0answers
14 views

How to configure Category product listings in Mobile?

We knew the steps to configure the product listings in Magento 2 on Desktop view and done successfully as per our need. Now, we wanted to show 2 products per row in portrait mode and 3 products per ...
2
votes
1answer
21 views

Magento 2.2.6 overriding css or less files or locating the actual file to edit

Not sure why i'm finding this so difficult but I have a file that has some css that needs to be fixed. The file and code are in these files: pub/static/frontend/website/mywebsite/en_US/css/styles-l....
0
votes
1answer
24 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....
0
votes
1answer
810 views

Magento Email Template Footer

I created 2 E-Mail templates in Magento2. A Header and a footer. In the header i can normally add in Template style below my style. But in the footer Template Style area, it is not reading my css. ...
2
votes
9answers
12k views

Magento 2 shows 404 error and front end css crashed

I have installed Magento 2 successfully. When i am trying to open front end that looks like this picture and backend shows 404 error. how to solve this?
1
vote
2answers
1k views

How to change h1 font size on homepage

I want to change the font size of my h1 tag on the homepage. I am using Chrome inspect and it tells me the css changes are actually inside the page itself, not css. So I look at source code: /* Theme ...
1
vote
1answer
37 views

Some CSS not working in frontend

This question has probably been asked a billion times, but I haven't found the exact same issue. I'm working on a M2 (v2.2.1) shop. Recently I accidentally removed the .htaccess file from pub/static. ...
1
vote
1answer
23 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
330 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....
-1
votes
1answer
34 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 ...
3
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> <...