Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

Questions tagged [css]

Questions related to CSS in the context of Magento

352 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
2answers
118 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 ...
4
votes
1answer
170 views

Magento 2.2.6: How to define max width page?

I need the page to be seen with the maximum possible length Class: What do I need to replace?
4
votes
2answers
2k views

Magento2: How to add separate css file on each cms page?

Is it possible to add individual CSS file on each cms page? Upon researching, I can do it by adding code on Layout update XML. Unfortunately, it isn't working. Here's my code: <head> <...
3
votes
1answer
322 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-...
3
votes
0answers
199 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 ...
3
votes
0answers
126 views

In Magento 2, what is the best practice for loading some CSS for a custom widget, so that the stylesheet only loads when the widget is present?

I have created a Magento 2 widget that displays a list of categories, similar to the one shown in this guide. The widget outputs the correct HTML, so now I need to add some styling to it to make it ...
3
votes
0answers
382 views

Magento 2.1: Adding Custom Css to Admin Ui Component Form

I invested a couple of hours to get a solution to figure out , that how can we customize the M2 admin form - for the sake of clarity please see the below screenshot: The default admin form fieldsets ...
3
votes
1answer
204 views

Magento 2.1.1 how to add version number to css

I want to add ?v=20170721 after css file http://example.com/pub/static/_cache/merged/91eeca7a8ffa88b106ef85bd3a665d93.min.css?v=20170721 I tried to set "yes" in sign static files but this is not ...
3
votes
1answer
284 views

Serve merged CSS from one url

When I merge CSS it creates 3 merged files, and they are served separately as such <link rel="stylesheet" type="text/css" href="xyz.com/media/css_secure/32733c3332436554dae7e8f320cd2308.css" /> ...
3
votes
4answers
2k views

CSS file not updating

I have a jay.css file in directory /public_html/skin/frontend/neighborhood/default/css but Magento is not recognizing the file changes. I have cloudflare and cleared the cache but it still doesn't ...
3
votes
2answers
2k views

Magento 2 child theme: CSS files not included

I want to add some CSS files. So I created a child theme. In Backend the theme is activated. theme.xml <theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="...
3
votes
2answers
868 views

Magento2 include external resources before local

I have the problem, that my external resources gets loaded after my local resources. So I can't override that styles. I have a custom theme and added a default_head_blocks.xml with the following ...
3
votes
1answer
938 views

CSS not showing for “NEW” or “SALE” label

So I followed this tutorial to add "NEW" or "SALE" label for this site: http://www.ubertheme.com/docs/add-product-labels/. The label does show up on the product icon but for some reason the CSS isn't ...
2
votes
3answers
92 views

How embedded CSS in transactional email works?

I have a very frustrating issue with the Magento 2 sales order emails. Through experimentation, I worked out the locations of the many files that are used to comprise these emails. At some point, I ...
2
votes
1answer
22 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....
2
votes
3answers
38 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 ...
2
votes
0answers
45 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 ...
2
votes
2answers
754 views

Magento 2.3 CSS inlining error: DOMXPath::query() Invalid expression in selector >> .fotorama__wrap:not(.fotorama__wrap--toggle-arrows)

I am getting this error in Magento 2.3. Error occurs with every email sent. CSS inlining error: DOMXPath::query(): Invalid expression in selector >> .fotorama__wrap:not(.fotorama__wrap--toggle-...
2
votes
1answer
24 views

iPhone Compatibility check

We have written media query for iPhone resolution for our site. Now, we want to check it in real iPhone devices but we don't have an iPhone. However, we have Mac Laptop, is it possible to imitate ...
2
votes
0answers
80 views

Magento 2 : Simply want to change the text colour on my checkout page

Sorry for what is probably another daft question but after 2 hours of trying to work out how to make a simple change, I've admitted defeat! My proceed to checkout button is on a white background so ...
2
votes
3answers
174 views

Show price inclusive tax on checkout

[Magento 1] I want to show prices on checkout inclusive of GST (Indian). Currently, it's adding the tax separately on checkout page resulting in increase final price. We would like to configure it in ...
2
votes
2answers
154 views

Magento 2: How to only apply css in catalog product page in grid view but not the list view

If i change the css in the grid view, but and the css will also apply to the list view, which is i don't want it. How can i solve that? Thank you.
2
votes
0answers
19 views

Backend login page can't display correclty

After transferring to a new server, the backend login page can't load correctly, but the frontend works well. You can see the links of CSS and JS files are not correct. And the login button can't load ...
2
votes
1answer
82 views

How can i make sure the css is added to my theme , it is not working

I have css file design/theme/web/style.css but it is not working or maybe the thing i am adding is not responding . i have tried my own css in header of the theme it is working there but i know it is ...
2
votes
0answers
157 views

Best practices adding css/less to custom widget block

I created a custom widget inside my module and I'm trying to figure out how to add css to widget template. I can do it with the styles tag inside my template (phtml) but I assume that is not the right ...
2
votes
0answers
33 views

Magento2: css file modification does not apply

I am using Magento 2.2.4 and I need to design my website with the size of 70%. I am trying to override the css by a theme /custom_theme/web/css/style.css file as follows. But it didn't work. How to ...
2
votes
2answers
885 views

Magento 2.2.4 : Missing media/styles.css from Sample Data site

Everything seems fine apart from the banner section which appears on various pages which looks like... I can see that some styles are available in the install at <install_dir>/pub/media/styles....
2
votes
0answers
92 views

Plugins less with Magento Theme

Good morning, I would like to know if somebody has worked with less plugins in Magento Environment? Indeed, I met no difficulties with grunt tools, but when Magento compile all files (through setup:...
2
votes
0answers
47 views

Adminthtml failing to compile

We have an ongoing issue with our styles.less file that prevents the css being generated for the Magento 2.1.8 back end. Whe i run the command bin/magento setup:static-content:deploy It throws ...
2
votes
2answers
61 views

Css path of magento

I created custom theme and I overrided Magento_catalog and css of parent from folder Magento_catalog in blank theme. now I want to change some css code like gallery.I use firebug in chrome to find ...
2
votes
0answers
2k views

Get base url in css file

Is there a way to load base url for background-image in css file? for example: background-image: url('{base_url}/myimage.jpg'); background-repeat: repeat;
2
votes
0answers
126 views

Adding scrollbar in category dropdown

I add 1 category name Category, and add sub categories to it. But, because there's too much sub categories, i need to scroll down the page first to see the full list of the sub categories. So my plan ...
2
votes
0answers
180 views

2.2 Faster way to regenerate css in developer mode

In developer mode, static files are mostly symlinked so making changes is immediately visible in frontend. However, when making changes to CSS this is not the case. The minimal files I have to ...
2
votes
1answer
379 views

Mega Menu dropdown works only in home page

The mega menu works right in homepage, but when a customer searches for a product, it doesn't drop down. As you can see the menu highlights green but it should drop down to this I change the css ...
2
votes
2answers
436 views

CSS not loading after Magento 2.1 install: Mac OS X with Nginx

I have just followed the installation steps Have configured my nginx conf exactly as per mage docs guide (to include the nginx.conf.sample file in my nginx site's conf file) Magento has installed OK,...
2
votes
1answer
134 views

Magento CSS does not merge

I have styles.css and styles2.css when i merge CSS it does not add styles2.css in merged file.
2
votes
0answers
140 views

Magento 2 : New Order Email Template CSS Not Working in Production Mode

I am facing issue in sales new order email template. I am working with my custom theme. Problem is there, new order email template CSS working in developer mode correctly but same template not working ...
2
votes
0answers
170 views

Set empty design layout for a controller

I've created a controller that is displaying some html code retrieved from orders.phtml file : <?php class Envato_RecentProducts_OrderController extends Mage_Core_Controller_Front_Action { ...
2
votes
2answers
34 views

Is there a way to use a boilerplate for CSS?

I have to redesign an existing M2-Shop with a given style guide. That guide defines structures for headlines, sub-lines, product etc. like a style guide does. My problem is that there is no given ...
2
votes
1answer
112 views

Store view with messed up CSS

I have set up a German view in addition to the current default view and the css is messed up when I change the language. It looks like it goes into mobile mode. The website is http://m.theseolounge.co....
2
votes
1answer
1k views

Adding custom font to _typography.less parse error

I try to add some custom fonts to my theme, so I created file app/design/frontend/vendor/theme/web/_typography.less and added the code inside of it: .lib-font-face ( @family-name:'OpenSans ...
2
votes
3answers
850 views

CSS Not Reflecting in Magento 2

I have customized Magento 2 home page using custom theme extends from luma theme. While Header customization, change color "header.wrapper" it's not reflecting. But some other properties are working. ...
2
votes
1answer
387 views

product gallery.css missing magento 2

The product gallery seems to be broken and it says that gallery.css is missing. Where should this file be in the site structure. Any ideas how it might of gone walkies?
2
votes
2answers
501 views

Admin page not found - 404

I just installed Magento 2, it shown the success page result however the admin folder is not found. Also the main page does not seem to be ok, seems like css is not in place, there is no menu... just ...
2
votes
0answers
359 views

How to change radion button and checkbox in magento 1.9.2.1 - with images, and the use of :checked or :visited

Im trying to change the radio buttons, so different <label for=""> display an image. I would also like it to change the image with a new image, when the radio or check-box has been selected or ...
2
votes
2answers
77 views

How to change products per page based on media query value

I was wondering if their is a way to change the amount of products are shown on a page based on the media query? So say on mobile you could state that you only want one product, but on desktop you ...
2
votes
0answers
398 views

Different CSS Styles for Menu Icon

Is it possible to tell Magento to do pick-up different CSS styles for something that appears throughout (such as the header?). For example, a website I am working on features a 'MENU' icon over an ...
2
votes
0answers
360 views

Navigation Drop Down - Icon Changes When Active

I have a drop-down navigation for my site - think Prada.com; users click on a little icon at the top and the entire navigation is revealed. This works perfectly, however I can't quite get the icon to ...
2
votes
1answer
333 views

2 responsive promo's columns on frontpage Magento RWD

how do i make 2 responsive promo columns instead of the default 3? I see this code which makes the 3 responsive pomps/banners on the frontpage: @include bp(min-width, $bp-medium + 1) { .promos span ...
2
votes
1answer
272 views

Magento 2 - Grunt Watch in Vagrant Environment

I'm running into this issue where when I ssh into my Vagrant VM and run grunt watch while editing css, it totally boggs down my system. I hear the fan speed up and if left running, my VM grinds to a ...