Questions tagged [css]
Questions related to CSS in the context of Magento
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
17 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
33 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
12 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
23 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
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/...
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
50 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
38 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 ...
2
votes
1answer
35 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
64 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
61 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
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
82 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
49 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
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
147 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
57 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.
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-...
