Questions tagged [css]
Questions related to CSS in the context of Magento
1,189
questions
0
votes
0answers
12 views
Changing debug mode into magento 2.3 losses theme css content
My site was in production mode. i changed it to developer mode. i ran all the commands. Static content deploy command too.
But site is looking weird now.
Can you guys please suggest something.
https://...
0
votes
0answers
6 views
How to create admin form and action for edit and delete in magento 2
I am developing one module for post data to be displayed on front-end and all posts can be add,edit,delete by admin. I want to use UI Component for that, so can anyone can have idea about how to ...
1
vote
0answers
16 views
How to add icons to input fields if the field has not passed validation
I need to add a custom icon to the floor if the field does not pass validation, as in the screenshot.
I tried to implement this functionality with ':after' in CSS
&._error .control input {
...
0
votes
1answer
24 views
How to resize the font size in sidebar navigation menu for Magento 2.3.4 (Luma theme)
I am doing a migration from 1.9.3 to magento 2.3.4 and i somehow managed to move the top navigation menu to the sidebar with a mod that was posted on this site for magento 2.3.4 However each menu line ...
0
votes
0answers
31 views
No CSS or JS in Magento 2.3.3 on Virtualbox/Vagrant in Windows 7 Host - Text File Busy
I have a Magento 2.3.3-p1 installed in VirtualBox/Vagrant guest on a Windows 7 host. The server setup is running Ubuntu 19.10 with Apache2, PHP 7.3 MYSQL, etc. Despite all my efforts I can only get ...
0
votes
0answers
11 views
How to prevent dropdown menu from closing when moving between top level items?
We're using a dropdown menu modified from snowdog and magento, and our top level items have 6 options. It's a pretty standard menu; when hovering over the top level items it drops down and shows the ...
0
votes
2answers
22 views
Magento2.3.2 js and css not getting applied on frontend
I have a site in magento 2.3.2.
My code is getting fetched from var/view_processed instead of directly from app/code and app/design. See https://prnt.sc/slkvss
The css and css also not getting ...
0
votes
0answers
14 views
How to implement between breakpoints
How to make a style block for magento 2 between two breakpoints
Analogue:@media (max-width:900px) and (min-width:400px)
but with the magento methods that she uses for less compilation: .media-width(@...
0
votes
2answers
41 views
css is not working in magento 2 cart page
I have issue in cart page of my website . Currently home page and product pages are loading correctly but the cart page have issue Css and js fies in the cart page is not working
Please help to ...
0
votes
1answer
41 views
Custom CSS file present in head but fails to load
I have a custom theme that inherits from Magento/blank.
I want to add a custom .css file to this theme. To do so, I've followed the Magento documentation that explains the steps: Include CSS
Note ...
0
votes
1answer
27 views
Creating a custom theme for Magento2 from the Luma theme as parent
Referencing this article below:
https://www.codextblog.com/magento-2/create-a-custom-child-theme-from-luma-theme/
Having followed all of the steps, our theme is created and applied, but none of the ...
0
votes
0answers
12 views
Magento 2 Luma Template pub/media/styles.css missing
I didn't install the demo data when I set up magento, however I do like the Homepage of the luma theme, so I copied the code from block across from a demo install and I was just going to replace the ...
0
votes
2answers
67 views
How to use responsive.js in a theme derived from Luma?
The Magento DevDocs says
You can use the menu.js, responsive.js and matchMedia.js to add
responsive behavior in your custom theme. If your theme inherits from
Blank or Luma, you do not even ...
0
votes
0answers
16 views
CSS changes not reflecting on frontend in magento 1.9
I am trying to edit on custom css in skin/frontend/wazoodlefabrics/default/css/webandpeople/custommenu folder as custommenu.css.
This was already made and now I am adding my new CSS into it, which is ...
0
votes
0answers
10 views
CSS not loading in M2 Admin panel random pages
I'm using Magento 2.2.6 in one of my projects which is in live. The site is working fine but sometimes the random pages of the admin panel are not loading the CSS file and it looks broken. We didn't ...
0
votes
1answer
19 views
Magento 2 Css problem
I am using Devilbox and these specifications :
PHP_SERVER = 7.3
MYSQL_SERVER=mysql-5.7
HTTPD_SERVER=apache-2.4
I have cloned the project and I have launched these commands
From phpmyadmin
insert ...
0
votes
1answer
18 views
After merge css and js files are turned on, the files remain not contiguous
After turning on merge of css and js files in System > Configuration > Developer and clearing the cache, files are not merged
The request numbers do not change
0
votes
1answer
27 views
unable to add css to checkout index page
i want to add custom css to only checkout index page but it seems not working
tried below steps
1: created css file
/usr/share/nginx/html/app/design/frontend/package_name/theme_name/Magento_Checkout/...
1
vote
1answer
24 views
Adding CSS to child themes _extend.less has no effect
I have set up a child theme of Luma and can see it is being loaded by looking at the page source in the browser. I now want to customise the styling of the theme.
I followed the instructions here: ...
0
votes
0answers
22 views
Magento2: Issue with deploy: Unable to get content
During deploy we get issue:
Deploy using quick strategy
frontend/Magento/blank/en_US 0/2437 >-------------------frontend/Magento/blank/en_US 2/2437 &...
0
votes
0answers
3 views
CloudFront CSS detection issue: How we will send Magento to Cloudfront specific device detection headers
We have added a media query css for show banner in mobile and desktop version wise.
Css is working properly when we using normal hosting but issue is coming when we move our website from cloudflare to ...
0
votes
2answers
22 views
CSS and LESS, what is the correct way for including them in a Magento 2 module?
Let's say I have my module which adds a slider to the homepage and there are many styles to define. I know I can add the styles in 2 different ways:
Adding a css file MyBrand/MyModule/view/frontend/...
0
votes
1answer
34 views
How do you know what CSS name an element is to override it
If I see an element such as this in the code, how do I work out what to put in my less file to override the CSS used on it?
button id="bundle-slide" class="action primary customize" type="button"
I ...
0
votes
0answers
14 views
In magento 2.2.8 when content deploy some style and script Not Working,( was blocked due to MIME type (“text/plain”)
enter image description here
Admin screen menu not working
**Front-end lot of issue like menu in responsive not working **
we run these command no issue in terminal
sudo rm -rf var/cache
sudo rm -...
0
votes
0answers
15 views
Magento2: Div is appearing like a flash
I am working on Magento2.2.4. I know this error occurred on the Magento website but it's with a CSS and Js. So that I am posting here.
I have two divs on my static block one div is for right side ...
0
votes
0answers
16 views
Change order of merged css in porto theme
I have been having trouble getting my css to version correctly. I am using Porto theme on magento 2.3.4. In the past, all my css was handled in a file called custom.css. This is fine but the problem ...
0
votes
0answers
13 views
How to fix /core/index/notFound
I have been working on a Magento 2 development project for a few months now, and until recently, there have been no issues. When I started it up today, though, my main css file came back as this: <...
0
votes
0answers
18 views
How to create an email template in Magento 2?
How can I create a customized email template using tables and centralized on the page?
0
votes
1answer
11 views
Apple Safari Column Layout Issues on Category pages Magento 2.3
I am hoping someone will be able to give me some advice.
I have noticed that when using Apple Safari browser, the columns on our product category pages do not seem to line up. I have the left hand ...
0
votes
0answers
35 views
Module Layout/Style help request
hope you are well.
I have a problem with an Extension that should display our Events. Actually it looks like:
We would like to change it a little bit, so it fits better to our Template. It should ...
0
votes
1answer
46 views
Magento 2 - Load .css file on checkout page
I need to load the css file THEME\Magento_Checkout\web\css\checkout\index\index.css in the checkout page only.
So I created the file THEME\Magento_Checkout\layout\checkout_index_index.xml and added a ...
0
votes
1answer
48 views
Magento 2.3 custom font not loaded in email
We want to use the 'Open Sans' font of Google in our transactional email templates.
But when we sent the email it does not load the custom font inside the email.
We changed the file /app/code/design/...
0
votes
0answers
26 views
Magento2 - Add “has no children” css class to body tag of category page
In Magento2, is there anyway to add a CSS class to the body tag of a category page IF that category has no children?
I want to apply some design changes to only final-depth categories while avoiding ...
0
votes
0answers
15 views
Fonts not showing for desktop layout. Why?
I have css that is setting font icon content
On mobile it shows fine here:
But on desktop it is not showing:
It's the same layout, the css is loaded, the icons are loaded. What is happening?
0
votes
2answers
33 views
How to add 3 templates to custom tabs
I have 3 blocks that are in the cms block and displayed on the cms page.
How to place each block in a separate custom tab
Tabs stretched to full page
3 templates:
app/code/Qqq/Wwwww/view/frontend/...
0
votes
0answers
23 views
Product page Image Gallery Loading Issue
I'm getting images of product and using custom slider to load the product images in product details page,
The product is loading normally but sometimes when we refresh the page, Images wont showup. ...
0
votes
1answer
24 views
How to use .abs- (from abstract) from UI library LESS?
Magento Documentation for UI Library has said to use "Extend class names should have prefix .abs- (from abstract)"
There is no other explanation for the usage in the documentation
How should we use ...
0
votes
2answers
58 views
how to load different css files based on “store view”
I have two "store view"s and I want to only add a css file to one of the views. I have noticed that you must load css files in default_head_blocks.xml. here is what is want:
<css src="css/...
1
vote
1answer
123 views
Magento 2 - css source maps not working
I created a new theme which extends from magento luma. I try to develope with less instead of css.
I need to enable CSS Source maps, so that I can debug my less, it helps to see in which less files ...
0
votes
3answers
55 views
Magento 2 - Why is less so painfull to use compared to css? (css vs. less)
I started to learn .less but it brings more difficulties than benefits.
In css, I can just edit files in the browsers developer tool after I activated "Enable Local Overrides", and see the result ...
0
votes
0answers
31 views
Why to declare to use a Font, as a Font?
I am loading web fonts from local directory and the following warning is showing
The resource http://web.project.com/static/version1582708487/frontend/<vendor>/<theme>/de_DE/fonts/...
0
votes
0answers
21 views
Magento 2 - How to know which .less file I have to change and what I have to change
I want to change the background color of a certain button in the customer area.
It is the "Compare Product" Button at the left sidebar.
How do I know which .less file I have to change?
The selector ...
0
votes
0answers
11 views
Change z-index Catalog Menu
I'm using the magento luma theme, and I would like to know where I can change the z-index of my catalog menu. It is hidden by product.
0
votes
1answer
39 views
Magento 2 - Is it allowed to override styles-m.css / styles-l.css?
I read that these files are generated from .less files. So it is even allowed to override them?
0
votes
0answers
9 views
Magento 2 Shipping Form Fields Column Layout
Default Porto Theme Magento Layout for Shipping Page
We need to make it look like this:
Make fields 3 column instead of 1 column.
Bring Phone filed above and next to the Email field.
I have tried ...
0
votes
1answer
192 views
Magento 2 pub/static/_cache/merged files are not created
Magento version 2.1.9
Trying to deploy the website results in strange JS and CSS errors.
With the configuration of:
dev/js/merge_files = 0
dev/js/enable_js_bundling = 0
dev/js/minify_files = 0
dev/...
0
votes
2answers
37 views
Magento2 - How can I convert default Magento cart icon into simple text like Cart?
I need to convert the cart icon having the following CSS
.minicart-wrapper .action.showcart:before{
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
content: '\e611';
font-family: 'icons-blank-...
0
votes
1answer
29 views
I want to over ride Style-l.less file in Magento blank theme?
I have created Custom theme which is inheriting Magento Blank theme... Now I want over ride CSS in style-l.less file of Blank theme How can I do that???
0
votes
0answers
32 views
Magento2 - Change position of wishlist on catalog-category view page
I want to change the position of Wishlist icon on the top of image .
Do I have to achieve this through xml or through css?
I tried through xml but I couldn't move it over the image.
Here is the ...
0
votes
0answers
23 views
Magento 2 Remove print.css file from all pages except Myaccount
I am trying to remove the print.css file and add it to only on customer_account.xml. I removed the CSS in default_head_block.xml and added it in customer_account.xml. But the CSS is not loading on ...
