Questions tagged [css]

Questions related to CSS in the context of Magento

Filter by
Sorted by
Tagged with
1
vote
1answer
40 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
354 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
36 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
13 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
28 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
38 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
84 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
44 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
20 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
45 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
119 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
23 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
36 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
81 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
29 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
85 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
112 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
67 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
69 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
91 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
0answers
15 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
0answers
38 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 ...
3
votes
1answer
246 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
0answers
10 views

Bundle label display

How do I display a label overlay for thumbnails, on bundle products? Is this difficult or should I find a extension. Thanks for help. Best regards Martin
1
vote
0answers
15 views

Magento2 CSS groups in styles-m.css in wrong order

my themes "_extend.less" file looks like this: //common & when (@media-common = true) { ... } //mobile .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { ... } //...
4
votes
2answers
104 views

Menu that open by itself after clicking on the link of a parent category

When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present. What do you recommend so that the menu does not re-open immediately ? I found PHP of ...
2
votes
1answer
29 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
0answers
21 views

How to properly write media query for mobiles on Magento?

I have been working on the compatibility of our client site but I'm really confused in writing media query for mobiles. The thing is that I have read in Magento devdocs and also many posts regarding ...
0
votes
1answer
377 views

Magento 2 Theme Development - grunt watch not detecting changes of custom LESS file

We are running Magento 2 in version 2.3.1, but the error occurred in version 2.3.0 also. The situation is the following: we've created a custom theme which has Magento/luma theme as parent. according ...
0
votes
0answers
50 views

Adding Css Class to Checkout Form Magento 2

In my custom theme, I moved summary sidebar on the checkout form. Now I want to apply some css for styling and alignment. So when I add my custom css class it does not affect at all. I also applied ...
0
votes
1answer
34 views

Adding/Updating CSS in Magento

We have extended basic Magento Luma theme. Currently, we are working on the compatibility of the site in various browsers. I have read many posts regarding media query using on Magento. Below is for ...
0
votes
1answer
30 views

why button not showing in custom theme in magento 2?

when i go customer login and customer module and custom_module related pages button is not showing when i move a mouse over that button the button is showing how to solve this css color ...
0
votes
2answers
33 views

Magento 2 image not found

I'm writing a callback module and when i try to insert image like following: a#popup-button{ display: block; width: 50px; height: 50px; background: url("../...
2
votes
0answers
45 views

Magento-CE-2.3.0-2018-11-27-10-23-08 CSS

I have installed the above version of Magento 2 (no sample data) onto my 1an1 hosting site. No errors on installation however, the stylesheets are not loading. I've tried a few suggestions to fix via ...
0
votes
1answer
286 views

Magento 2 add Custom CSS and JS file in admin panel

How can add CSS and JS File in admin panel of specific page.too many pages in admin panel e.g product,sales->order ,order view ,invoice,ship etc . . . I want to load 1 CSS or JS file in New Invoice ...
2
votes
1answer
102 views

How add custom js and css to registration page in Magento 2

I created a module for Magento 2, with two files to add to the user registration page: app/code/MyModulespace/ModuleName/view/frontend/web/css /mycss.css app/code/MyModulespace/ModuleName/...
1
vote
3answers
26 views

Magento2.1.14: Css not loaded after upgrading apache 2.34 to 2.37

I have upgrade apache 2.34 to 2.37. Then I have the problem that all css and js files are only throwing a 500 error and are not loaded. I have got this error on error log: option followsymlinks not ...
3
votes
1answer
193 views

Magento 2: How to change background color on products list?

I want to change the color of the background from white to grey on products list. Here is style.css // Products Grid .product-item .mage-error { display:none !important; } .product-image-photo....
1
vote
1answer
46 views

How to override top menu css in Magento 2?

I want to override top menu CSS and replace it with my own CSS. I don't know which CSS file is responsible to display top menu. I only need to override CSS and don't want to make any changes to ...
1
vote
1answer
106 views

I just implemented Bootstrap 4 in my magento 2.2.5 website. Require.js 166 Error

In my environment implemented Bootstrap 4 in Magento 2.2.5 at first glance it seemed to work. all of my js and css worked perfectly without any error's. But after sometime, I got error: Uncaught Error:...
4
votes
3answers
416 views

css not loading in owl carousel magento 2

hello guys i am trying to use owl carousel in phtml file in console it shows error regarding css Following is my default_head_block.xml file which is a layout file <?xml version="1.0"?> <...
0
votes
1answer
190 views

Magento 2 Add css class to <a> tag in customer account navigation

I try to assign a CSS class to navigation ( tag) under customer account page. I found this file customer_account.xml, and I added <argument name="css_class" xsi:...
2
votes
0answers
164 views

Magento 2 dropdown on hover menu issue

On hover, Magento 2 gives a dropdown functionality, like megamenu, cart, and My account drop-down. The issue on the hovering the dropdown or pop up menu appears fine but when I remove my mouse and ...
0
votes
0answers
10 views

Plugin to make a Magento website as Mobile Responsiveness magento 2

I'm wondering to ask that is there any plugin available to make Magento 2 website as a Mobile Responsive? If any plugin is available, please let me know.
0
votes
0answers
26 views

Website design collapse in android mobiles

We have written media query for android mobile devices which have the resolution (360x640) as below: For portrait: @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-...
2
votes
2answers
392 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/...
0
votes
1answer
93 views

Media query conflict

Currently, we are working on the compatibility of our client site. We have started this from the resolution 375x667 and completed it. After that, we have started to write media query for the ...