Questions tagged [css]
Questions related to CSS in the context of Magento
1
vote
2answers
27 views
Fresh Magento 2.3.0 installation no CSS
Just installed Magento 2 on a shared server, everything seemed successful, no errors, but the shop looks like this (css files not found, they return 403 Forbidden, but the files are actually missing):
...
1
vote
1answer
9 views
proper way to use .less files in custom theme?
I've followed a number of guides to properly setting up .less files in a custom magento theme and nothing seems to be working. I've read these threads on here:
how to automatic update file `.less` ...
1
vote
0answers
23 views
CSS and JS merging options is not working on Magento 1.9.2.4
I am simply trying to enable the option of merging JS and CSS on configuration > system > developer and I have cleared the cache and even tried to delete the VAR folder and still having CSS and JS not ...
1
vote
0answers
14 views
Magento 2: Want to add versioning in style.css
I want to add style.css?v=1.1 but when i add these version it call at the end of all other css files which distort website design. so what should i do?
0
votes
0answers
34 views
How to defer unused CSS and avoid an excessive DOM size in magento1.9?
How to defer unused CSS and avoid an excessive DOM size? Any one knows how to defer unused css and avoid dom size in magento1.9 using pagespeed?
0
votes
0answers
40 views
Magento 2.3 Static Content Deployment problem & missing css file
Running Magento 2.3 i noticed a problem with the static content being deployed, well, I believe it to be that anyway.
I was messing around with Varnish for a few days and had a nightmare getting it ...
0
votes
1answer
28 views
Adding styles before style-l.css
I got the answer in this link Load Custom CSS After style-l.css For Home Page
it's working only in the home page I needed it to work in each and every page please help me with this
0
votes
1answer
18 views
Keep getting <style> for css file and not actual file - trying to use Gulp sourcemaps
So I have updated the default_head_blocks.xml file with my css file like so and the theme loads the CSS.
<css src="css/master.css" />
This is my gulpfile.
const gulp = require("gulp");
const ...
0
votes
0answers
12 views
Magento 1.9.2. - JS and CSS that block the view above the fold
I'm searching the web for a definitive solution to the "problem" that google reports when i test the speed of my site on Google PageSpeed.
Magento's JS and CSS block the above-the-fold view and I ...
0
votes
0answers
20 views
Magento 2 Load _extend.less last
I am using a custom theme and then a child theme for the custom theme. I believe the easiest way to overide the themes css is to use _extend.less in the <MYCOMPANY>/<MYTHEME>/web/css/...
0
votes
0answers
15 views
Magento 2.3 Blank Theme mobile Category Page only 1 product per row
My custom theme inherits from Blank Theme.
On mobile-phone screens I want to show only 1 product per row on category pages.
Can anybody help please?
0
votes
2answers
20 views
how to load css file just before body instead of head
Below is code of my default.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/...
0
votes
0answers
24 views
Perfomance - pagespeed magento 2 inline add css used in page
I am facing defer parsing issue in Magento 2 due to which I want to inline all css used,
Is there way I can do it as like in other cms - wordpress / drupal i can not find option to inline css?
Please ...
0
votes
1answer
26 views
CSS / JS Not Loading on FrontEnd after flushing Cache with Custom Theme
I'm having issues with getting my custom Magento 2 theme to compile correctly.
I installed it on a remote server and configured it. All is working on that end. I can flush the cache and deploy the ...
0
votes
1answer
21 views
How to make custom CSS have priority over CSS defined in head.phtml in Magento 2?
I'm sure many of you come across this issue: in some third party themes, many predefined styles and css generated from theme configuration (located in pub/media/{theme}) are loaded in
/{vender}/{...
0
votes
3answers
34 views
Magento2: How to center box with price, product name etc
I try to center box with product details:
So, in list.phtml I found code responsible for this box.
<div class="product details product-item-details">
<hr />
...
0
votes
2answers
52 views
Do I have to be in developer mode?
How to add custom css file in magento2.2.6?
I am in Production mode, using Luma Magento 2.2.6.
Do I have to be in Developer mode to make the solution in the above link work?
Before switching to ...
1
vote
0answers
27 views
Magento 2 - CMS Specific page_layout XML and Dedicated page_layouts in general?
I'm looking for some BEST PRACTICES insight into using page_layout.xml. Is it a good idea to try and decouple the non-shared resources on Product Pages, Category Pages and CMS Pages? If so, what's the ...
1
vote
3answers
39 views
How to add jss and css in magento2
I have created a block and called it in my phtml file then I call that block in my cms page like this {{block class="Abc\Custom\Block\Product" template="Abc_Custom::product.phtml"}}
and some HTML ...
0
votes
0answers
10 views
Grunt Causing High CPU Usage
I Have installed Grunt on server. When I hit URL after less files changed the CPU Usage goes up-to 99-100%. The server is Linux. The changes gets reflected correctly.
The issue which comes after first ...
1
vote
1answer
21 views
Magento - Should I stop to write JS/CSS directly in the backend in CMS pages?
In Magento you can create CMS pages. It is also possible to add CSS and JS code, directly to the page, which I sometimes do for rather smaller changes and style fixes and such, because then that ...
0
votes
1answer
12 views
css not loading when change admin language
After I changed the language in admin panel the css in backend didn't load. I have tried different language
Any ideas?
1
vote
0answers
16 views
Mega menu issue with product zoom
I am using Magento 2.2.6 on the product page, When you view a product, and then you go to Products Menu, once the mega menu is shown up, move mouse to the menu item over the product picture area, then ...
0
votes
3answers
31 views
Failed to load resource: the server responded with a status of 404 (Not Found). How to solve this issue?
I am running Magento 2.3 with NGINX, PHP7.1 and MariaDb.
This is a fresh instalation with pre-loaded data.
I am getting these follow error:
$ tail var/log/system.log
[2019-01-09 16:36:24] main.ERROR: ...
0
votes
0answers
10 views
CSS & navbar edits for a Magento noob - ver. 2.2.6
I need to make a few simple changes to an existing Magento site, and although I have some wordpress experience, my Magento is currently 0.
It's using a theme called Smartwave Porto, and the changes ...
0
votes
1answer
67 views
Porto theme header CSS customization fail - Magento 2.3
I hope someone will help me, I have searched everywhere on the community looking for this.
Porto theme gives 20 pre-made styles for the header, but for the website that I am trying to make I wanted ...
0
votes
2answers
39 views
CSS are compiled but not called in frontend
I added css on my website. One is bootstrap and one is a custom css.
I addedd it on my Magento_Theme folder (inside layout/default_head_block.xml)
<css src="css/bootstrap/css/bootstrap.css" order="...
0
votes
0answers
36 views
Magento 2.3 admin not working after grunt setup
I have a big problem.I setup grunt configuration for magento 2.3 as I used to setup for magento 2.2 and renamed below files
grunt-config.json.sample, package.json.sample and gruntfile.js.sample by ...
0
votes
1answer
29 views
Cannot locate an inline css in product page
I have installed a theme and trying to edit it. On product page I have found some blank space and while troubleshooting I have found that it is an effect of an inline css but I am unable to locate ...
0
votes
2answers
24 views
Have a option to enable/disable the module. I need to load admin page css when my module is enabled. No need to load css while module is disable
I write css in path
app/code/my/module/view/adminhtml/layout/default.xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/...
0
votes
0answers
13 views
Magento2 If I move containers with XML it kills css
I applied custom css to my navigation bar. Then when I moved the nav bar into the header via xml my css was no longer working. Why is that?
The correct css is in the section.
0
votes
1answer
33 views
change the default magento image background white color to diffrent color
Am attaching the screenshot , want to change image background color.
https://prnt.sc/m2fvyp
0
votes
1answer
23 views
What is the front-end performance differences of CSS loading types?
Magento 1.9, comparatively speaking, What are the front-end performance issues between types of loading CSS as:
external
internal
inline
as a style block (CMS blocks).
Thank you so much for your ...
0
votes
1answer
21 views
custom less not working in magento 2 production mode
I've a less file inside app/design/frontend//web/css/source/_test.less and included in default.xml like
<head>
<css src="css/source/_test.css" />
</head>
It's working perfectly ...
0
votes
2answers
34 views
css style overrides?
I was able to get my custom font to my custom theme.
I made a style (CSS file) to use it, but the text-transform and letter-spacing attributes are being inherited from another style sheet?
What ...
0
votes
1answer
43 views
adding custom css file priority in magento2
I have added custom CSS file in custom theme with below code in
[vendor] / [theme] / Magento_Theme / layout /
default_head_blocks.xml
<head>
<css src="css/custom.css" />
&...
1
vote
4answers
84 views
Admin Url CSS and JS not working
I tried every possible solution on this forum and nothing works:
php bin/magento setup:upgrade
php bin/magento cache:clean
php bin/magento setup:static-content:deploy
core_config_data dev/static/...
0
votes
1answer
43 views
I upgraded from 2.1.9 to 2.2.7 but css and javascript is not working
I tried to upgrade using these commands :
composer require magento/product-community-edition 2.2.7 --no-update
composer update
rm -rf var/di var/generation
php bin/magento cache:flush
php bin/...
0
votes
0answers
24 views
Magento 2 Email Templates css not working
Iam using Magento 2.17,
In this iam working on Email Templates ,
When iam trying to add my custom css in "Template Styles" its not working
Plase help me out this.....
Thanks in advance....
0
votes
1answer
34 views
How to show Clear Shopping Cart in magento 2
I wish to show Clear Shopping cart button in cart page.
In default magento it was display:none, So need to show only Clear Shopping
cart button as mentioned like below image.
Where I need to ...
0
votes
1answer
21 views
Front-End stopped working after magento upgrade
Front-end stopped working after a 2.2.6 upgrade. As you can see on screenshots, there is something wrong with the styles-m.css file.
1
vote
3answers
55 views
Frontend styling has disappeared, and I can't get it back
Disclaimer: I'm new to Magento 2 development as of Nov 2018, and new to development generally as of mid-2017. So I'm new to asking development-help questions too. Most of the time I can figure it ...
0
votes
2answers
30 views
How to solve Unable to load CSS and JS after setup magento 2
My using Ubuntu 18 and apache2
I downloaded magento2 zip file and extract
uploaded to my /var/www/html/
but always shows the above image
I already setup
htaccess file
Already tried comments:
...
0
votes
2answers
28 views
magento 2 : How to render background images in css pages
How do you render a background image on a css page.
i.e
#account-links--point {
background-image: url(/images/pop-up-box-point.svg);
}
i realise that for a less you can do this:
@{baseDir}...
0
votes
0answers
30 views
No css found and admin url not found on this server magento 2
I have added my project on a virtual machine amazon and when I try to get my FO I have no CSS and when I click on any link example category I get an error
The requested URL /Siteindex.php/customer/...
0
votes
1answer
30 views
How do I change CSS priority on magento1?
The button on this page along with other objects are not receiving its module parameters, instead they are receiving from (index):275 which I was not able to discover where it comes from. How do I ...
1
vote
1answer
43 views
Buy On Amazon button
I want to add "Buy on Amazon" button on my product page. I was successful in adding it with this code: <a href="<?php echo $this->getProduct()->getamazonurl(); ?>"><img src="/...
0
votes
1answer
20 views
The number of “Requests” is very large
I tested my website performance with Gtmetrix. I found that my website performance seems to be good, but the number of “Requests” is very large. I want to know if the impact of this problem is big? If ...
0
votes
0answers
15 views
Css .class element has padding: @cpanel-home… where is this reference?
I would like to edit the padding of this class, but it references elsewhere.
Where is this reference stored, and how do I edit the reference figures?
0
votes
2answers
45 views
Adding css to magento 1.8.1
I'm trying to add a custom CSS file when a Magento action is loaded.
My layout page is as follows :
<layout version="0.1.0">
<helloworld_index_index>
<reference name="head">
...
