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 ...
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 ...
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....
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 ...
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
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/...
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-...
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:...
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
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
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
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 ...
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 ...
1
vote
1answer
23 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
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
1answer
38 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
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
55 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 ...
2
votes
1answer
34 views
Defer JS / CSS Magento 2 via layout files?
After reading a lot of devdocs, I can see there is case for defer in CSS and JS in the manual
https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/layouts/layout-types.html#layout-types-conf
...
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
60 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
54 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
29 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
36 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
73 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
57 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
23 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
45 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
39 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
42 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
131 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
55 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
74 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
25 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
261 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
49 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 ...
0
votes
0answers
17 views
Trying to add an external CSS file to a specific CMS page in Magento 2.2.5
I can't seem to get external CSS file to load on a specific Magento 2.2.5 CMS page.
My current XML layout update code is this
<body>
<attribute name="class" value="stacked"/>
<...
