We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [css]

Questions related to CSS in the context of Magento

Filter by
Sorted by
Tagged with
1
vote
0answers
64 views

Override /pub/media/… css file?

I would like to override a CSS file who is here : /pub/media/porto/web/css/header/type6.css But when I try to put it in my child theme nothing happen : /app/design/frontend/Smartwave/porto_child/.....
0
votes
2answers
45 views

Magento 2 - Full width for a section in product view page

I add a new block in Product View page: <referenceContainer name="content"> <container name="containertwo" as="containertwo" label="ontainer" htmlTag="container" htmlClass="my-...
0
votes
1answer
96 views

Operation on an invalid type in _typography.less in _utilities.less in _listings.less

Updated to Magento 2.3.2 yesterday and have noticed that the CSS for css/styles-m.css is failing to generate with the below error: Operation on an invalid type in _typography.less in _utilities.less ...
3
votes
1answer
40 views

Strange white-space above header

After implementing among others the Facebook Pixel, there is a strange white-space above the header of our magento website: https://www.oplader.com Does anybody have any idea what this could be? Even ...
0
votes
1answer
20 views

Magento 2 - add static reset css just before head close

I want to use a static css to reset my theme css, i cant modify main files because its paid theme and it will be auto reset at time of update. So I need to add a static css just before (head close) ...
1
vote
1answer
168 views

Get asterisk after placeholder text in All Required field

I want to add an asterisk mark to placeholder of inputs. Something like this: <input type="text" name="your-name" placeholder="Naam"> I do not want to add the symbol directly in the ...
2
votes
3answers
47 views

Why is my Magento Admin Panel not loading properly all of a sudden?

Just wondering if anyone can help me, all of a sudden i cannot view the Magento Admin Panel, it seems as if the page isn't loading properly or restricted. Any help would be greatly appreciated.
0
votes
0answers
32 views

Magento 2 cache issues

Fairly new to Magento 2. I recently built one site using a Luma child theme and all went (fairly) well, now on my second site - different host - which is basically a copy of the first one, same exact ...
0
votes
0answers
62 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 ...
0
votes
1answer
41 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
1answer
35 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
1answer
51 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
24 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
90 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
1answer
64 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
26 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
0
votes
0answers
19 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
0answers
33 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 ...
0
votes
0answers
27 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
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
37 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
39 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
91 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
2answers
119 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 ...
0
votes
1answer
121 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
1answer
31 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
1answer
55 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 ...
0
votes
1answer
474 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
16 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
23 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....
1
vote
1answer
41 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
673 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 ...
0
votes
1answer
27 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
38 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 ...
1
vote
0answers
15 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....
2
votes
2answers
30 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 ...
2
votes
3answers
40 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
2answers
88 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/...
3
votes
2answers
50 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-...
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
22 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:...
3
votes
2answers
48 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 ...
2
votes
2answers
179 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
0answers
25 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
19 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
37 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 ...
1
vote
1answer
114 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 ...
1
vote
1answer
33 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
1answer
105 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
1answer
154 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\...