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

0
votes
1answer
10 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 ...
1
vote
0answers
12 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....
1
vote
1answer
34 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
13 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
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....
-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 ...
1
vote
0answers
12 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
23 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
31 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
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/...
3
votes
2answers
33 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
18 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
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 ...
1
vote
2answers
51 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
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
15 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
17 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
0answers
39 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
25 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
58 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
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
50 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
43 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
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
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 ...
3
votes
1answer
40 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
66 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
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
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
62 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
30 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
33 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
27 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
29 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
37 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
85 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
58 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
24 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
51 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
40 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
46 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:...
3
votes
3answers
154 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
59 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
88 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.