Questions tagged [css]

Questions related to CSS in the context of Magento

Filter by
Sorted by
Tagged with
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 ...

1
2 3 4 5
24