Magento 2 CSS – Fix Frontend and Backend CSS Issues

cssjavascriptmagento2PHP

I have installed Magento 2.2.5 on my server using Cpanel. The problem I am facing is my CSS is not working properly. The Url of my site is http://emcd.tk/. I've looked on so many solutions but didn't find any proper one. I also attached the picture showing errors.

Things I've tried so far:

Giviving permission for var & pub folders.
php bin/magento setup:static-content:deploy
Do reindex php bin/magento indexer:reindex
Clearing cache using commands [php bin/magento cache:clean] and [php bin/magento cache:flush]

The reason of doing this if you take the source code and check, the CSS & JS file path may wrong. So that the style won’t render in a browser even I tried to make it correct but didn't work properly.

I would appreciate any kind of help. Thank you

Best Answer

It has happened to me several times. This must be some kind of installation/compilation or deployment.

Try and run this command:

rm -rf pub/static/*; php bin/magento setup:upgrade; 
php bin/magento setup:di:compile; php bin/magento setup:static-content:deploy;

If it doesn't work after this, you should try re-installing.

Related Solutions

Magento – JS and CSS merged Issue in magento2

You can't cleared the static files. I'm not quite sure if setup static:deploy does that (I never use it for changes like this)

And also, perhaps developer mode would help? php bin/magento deploy:mode:set developer

I'd try deleting the static & var folders Remove pub/static Remove var/cache Remove var/composer_home Remove var/generation Remove var/page_cache Remove var/view_preprocessed

Magento – How to add custom css in luma theme in magento 2.1.2

You can call your css and js by using Vendorname_Modulename in in the head block. So you need to pass Vendorname_Modulename

Try below code in your layout.xml file :

<head>
        <css src="Vendorname_Modulename/css/jquery.dataTables.min.css"/>   
</head>

Make sure your css and js location are correct .

app\design\frontend\Magento\luma\Vendorname_Modulename\web\css\yourcss.css

app\design\frontend\Magento\luma\Vendorname_Modulename\web\js\yourjs.js

After that run below commands :

php bin/magento cache:clean

php bin/magento setup:static-content:deploy

Best Answer

Related Solutions

Magento – JS and CSS merged Issue in magento2

Magento – How to add custom css in luma theme in magento 2.1.2

Related Topic