Questions tagged [css]

Questions related to CSS in the context of Magento

Filter by
Sorted by
Tagged with
0
votes
1answer
26 views

Operation on an invalid type in _typography.less in _utilities.less in _listings.less

Updated to Magento 2.3.2 yesterday and have noticed that the CSS for css/styles-m.css is failing to generate with the below error: Operation on an invalid type in _typography.less in _utilities.less ...
0
votes
1answer
25 views

Load custom css in IE issue in magento2

I need to use custom css in IE. Added below code to default_head_blocks.xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="...
0
votes
1answer
11 views

Magento's modal-popup's don't scroll on Safari

I have discovered that Magento's modal-popup's do not scroll on safari. You can see this is you log into a Magento 2 demo store with a user which has a saved shipping address. Go to the checkout and ...
0
votes
0answers
17 views

Override /pub/media/… css file?

I would like to override a CSS file who is here : /pub/media/porto/web/css/header/type6.css But when I try to put it in my child theme nothing happen : /app/design/frontend/Smartwave/porto_child/.....
2
votes
3answers
824 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
3answers
2k views

Magento 2 CSS .less files with @variables

I'm having trouble changing the max-width of a theme in Magento 2. I've found the CSS in: <THEME>/web/css/source/_layout.less max-width: @layout__max-width; Then in the Magento Lib folder ...
0
votes
1answer
24 views

Magento 2 - Full width for a section in product view page

I add a new block in Product View page: <referenceContainer name="content"> <container name="containertwo" as="containertwo" label="ontainer" htmlTag="container" htmlClass="my-...
1
vote
1answer
902 views

Magento 2: Font family does not change. How to troubleshoot?

I created a child theme that inherits from theme X that in turn inherits from Magento Luma Theme. Hence, Theme inheritance is as follows: Magento Blank <- Magento Luma <- Theme X <- My Theme ...
3
votes
1answer
32 views

Strange white-space above header

After implementing among others the Facebook Pixel, there is a strange white-space above the header of our magento website: https://www.oplader.com Does anybody have any idea what this could be? Even ...
1
vote
1answer
58 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
679 views

Multiple Jquery Version for extension reason

I get some issue my custom theme and it's get from one of extension jquery version. How can I fix this issue ? extension .xml file; <layout> <default> <reference name="head"> ...
0
votes
1answer
780 views

How to expand search box in magento2

How to expand search box in magento2 like this url https://bootsnipp.com/snippets/featured/expanding-search-button-in-css <div class="field search"> <label class="label" for="search" ...
0
votes
0answers
15 views

Magento 2 - add static reset css just before head close

I want to use a static css to reset my theme css, i cant modify main files because its paid theme and it will be auto reset at time of update. So I need to add a static css just before (head close) ...
1
vote
1answer
22 views

Get asterisk after placeholder text in All Required field

I want to add an asterisk mark to placeholder of inputs. Something like this: <input type="text" name="your-name" placeholder="Naam"> I do not want to add the symbol directly in the ...
3
votes
2answers
2k views

Magento2 : Adding my own Background Image to a Custom Theme

I've added a custom magento theme, and now im trying to add a background image to it. But the dev console in chrome & firefox keeps saying: "Could not load the image". I've put the image in ...
1
vote
1answer
939 views

How to Customize Breadcrumbs in Magento2?

I want to customize Magento\Theme\Block\Html\Breadcrumbs class in magento 2. How can i change some text and style of breadcrumbs with custom module?
2
votes
3answers
40 views

Why is my Magento Admin Panel not loading properly all of a sudden?

Just wondering if anyone can help me, all of a sudden i cannot view the Magento Admin Panel, it seems as if the page isn't loading properly or restricted. Any help would be greatly appreciated.
0
votes
0answers
28 views

Magento 2 cache issues

Fairly new to Magento 2. I recently built one site using a Luma child theme and all went (fairly) well, now on my second site - different host - which is basically a copy of the first one, same exact ...
0
votes
1answer
39 views

Magento 2 Custom module default.xml CSS not called

I've my module files as following app/code/Vendor/GeoIp/view/frontend/layout/default.xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:...
0
votes
0answers
17 views

ios Safari - Magento 2.2.2 Responsive Menu Subcategories not Expanding

ios Safari - Magento 2.2.3 Responsive Menu Subcategories not Expanding. Hello, We're finding an issue that occurs with iphone and tablets using Safari. It as a high occurrence rate: Steps> 1. Visit ...
1
vote
1answer
724 views

magento2 google font not working

My default Head block is like this <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> &...
1
vote
2answers
9k views

How to modify logo and css style for emails templates in magento 2?

I need to set a new logo and make some css adjustments for emails like "password-reset" in magento 2.
3
votes
2answers
864 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 ...
0
votes
1answer
33 views

Magento 2 custom CSS is not loading after set new custom theme set on customer login

I set magento 2 luma theme for entire site if customer not login after customer login need set ultimo theme i have installed ultimo theme i am able to set by using fallowing line $objectManager->...
0
votes
3answers
799 views

magento 1.9x layout setting - single product page

especially magento geeks, I need a lil help. how can I move in stock, price, color switcher & add to cart option above description, tags & custom tap? <?php $_helper = $this->...
0
votes
1answer
690 views

Magento 2 Change the block style of Luma theme?

I've seen solutions to extend and change the subject. I have created my own theme. I could change colors and some styles that are predefined in the file _theme.less But I can not change other styles ...
0
votes
1answer
43 views

Magento 2 custom theme development css multistore - without locale folders

As a seasoned Magento 1 developer, which is of no use what-so-ever here, I am attempting to work on creating a custom Magento 2 theme for a new multi-store site. What a perpendicular learning curve ...
0
votes
0answers
14 views

Keyboard navigation issue Firefox and Safari

I'm having issues with keyboard behavior in Firefox and Safari running the Luma theme. Tabbing misses the navigation and <a> tags within the <body> and moves to the browser Chrome. I tried ...
2
votes
1answer
52 views

Magento2: Store wise css

We have multiple stores. How can we apply store wise CSS? We have all store has a different home page and all pages. I am thinking to add store code in body class to identifies store. Like: <...
0
votes
2answers
808 views

Left and Right Columns

I am relatively new using magento, and I'm having issues removing/editing the left and right columns. I have the columns enabled, and trying to remove the pictures/links that are defaulted in those ...
0
votes
0answers
16 views

HOW TO DELETE OR OVERRIDE _NAV CSS FILE FORM BOOTSTRAP CDN

_nav file in bootstrap CDN damaging my navbar style So HOW TO DELETE OR OVERRIDE _NAV.sccs FILE FORM BOOTSTRAP CDN? I have added bootstrap CDN to Magento 2 it changed my main menu alignment how to ...
0
votes
1answer
42 views

error 304 theme magento 2

I installed a theme on my computer but it does not work properly, Please check with below attachment css return 304.
0
votes
1answer
23 views

theme magento 2 not working

I installed magento 2 on my computer and I copied the code of the theme in the app\design and pub\ that works on the server but it does not work properly on my computer. Help
1
vote
1answer
944 views

Magento-2 Mobile menu setup

Yesterday, I was having an issue with horizontal top menu as I wanted to make them invisible on frontend. I made it invisible by using css as: body.cms-my-homepage div.main-menu.menu-style-2{display:...
4
votes
3answers
337 views

How can magento2 support .less or css for multi language locale?

For CSS, I found that we can add web/i18n/en_US/mymodule.css for module If I want to add some locale specific CSS for the core module, where should I put them in? e.g. app/design/frontend/mypackage/...
2
votes
2answers
83 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.
0
votes
0answers
33 views

Magento2: Not showing image on Product Detail Page. I have add Bootstrap4 css files in my custom theme

I have added Bootstrap4 in my Custom theme. bootstrap.min.js & bootstrap.min.css added successfully. But it creates conflict in product detail page. I have added a single image in products from ...
0
votes
0answers
25 views

How to edit .less or css files

I like to change some styles in my website, so i edited .less and CSS files for example: app/design/frontend/Templatemonster/theme/web/css/styles-l.less I used "flush Magento cache" from backend ...
0
votes
2answers
749 views

Magento 1.9.2.4 Add Cart To Header

I need to add a cart to the header. I am creating my own custom theme which feeds of the RWD theme. I need a cart that shows total items and value.
0
votes
0answers
24 views

M2 css/less priorities

CCS styles in M2 locates in two CSS files: style-m and style-l. I should use & when (@media-common = true) mixin to put styles just to style- m and they will work for both mobile and deskop ...
1
vote
5answers
2k views

magento2 - how do I show css updates in production mode?

I've spent a few days reading complex questions and answers on this topic. I'm looking for clear instructions regarding how to make simple edits like changes to CSS in my magento2 site. Is it possible ...
0
votes
1answer
14 views

Custom css issue with menus

I am using magento 1 and I am trying to set up my menu to have sub menus that are in columns, not one long list. This is what css code I'm currently using is .jewelry { float: left; width: 33.33%...
0
votes
1answer
26 views

Add css to a block Magento 1

In Magento 2, there is a box to place custom CSS to any block. However, I don't see that as an option in Magento 1 How do I add custom CSS to a block in Magento 1? Edit for possible dupe: I want ...
1
vote
2answers
34 views

Cache Issue on mobile and desktop

facing the cache issue. Cache Clean issue - HTML/CSS changes are not reflected on normal browsers. It shows in private or Incognito window. We can't tell each customer to open the website in ...
1
vote
1answer
35 views

Magento 2: Above the fold CSS - inline CSS to <head>

(Magento 2.1.4) I am trying to add my 'above the fold' CSS in to the <head> section. I know I can add it in via Content > Configuration > HTML Head however the issue with this is that it loads ...
0
votes
4answers
3k views

Running “bin/magento setup:static-content:deploy” gives “Permission denied”

When running: root@ubuntu:/var/www/Magento2# bin/magento setup:static-content:deploy I got -bash: bin/magento: Permission denied please note that I'm running the command using root user
0
votes
1answer
38 views

Magento 2 : Exclude CSS from merged file just for the homepage

I have merge and minify CSS enabled and I would like to know if is there a way to exclude a specific CSS file from the final merged file, but only for the homepage? I know how to remove a CSS file ...
0
votes
2answers
24 views

Magento2.3.0 :When merge and minify js and css after set production mode not working my admin panel and frontend css lacking

I am using Magento2.3.0 community version When merge and minify js and css after set production mode not working my admin panel and front end css lacking if any one know what is actual issue reply me ...
1
vote
1answer
985 views

Magento 2 How to update existing less file?

I want to add few styles in _print.less. I have updated the less file and run the upgrade,deploy commands but still it loads old style. Also clear the cache. How can I do it?
0
votes
1answer
24 views

Retain the logo but remove all other elements of header and footer

The Magento Ver is 1.9 and the theme is a variant of the rwd theme. For a home page design I need to remove the header and footer completely but retain only the logo. I have tried this with the ...