CSS is not loading on the frontend in Magento

Question

We are facing an issue with the css styling in Magento store. I tried refreshing the cache in admin but that didn´tt fix the issue.

Use

• Varnish as external cache
• NGINX
• Magento 1.7.0.2
• Ultimo as the theme

I assume that the theme files are not loading but we are unable to find a correct solution for this.

What steps should we take to resolve this issue?

Answer 1

If you haven't resolved your issue, open you website -> right click and select view page source or just press CNTRL+U Keys together. There you'll find your styles.css file. Check if it is showing the right url. Click on it, see if it is loading ok.

It should look like this:

<link rel="stylesheet" type="text/css" href="http://www.abcd.com/skin/frontend/rwd/default/css/styles.css" media="all" />

For this problem to happen, There are three reasons I know of:

1.) There might be an issue because of System Cache. Clean the cache from the backend or go to magentoroot/var/ and delete the contents of the cache and session folder.

2.) There can be issue with the file permission of your css File. In this case just type the following command in terminal, sudo chmod 777 -R /magentoroot/

3.) Lastly, there could be something wrong with the url in your core_config_data table of your database, which I think you have already checked.

Answer 2

Have you made any recent changes to your database ?

login to your database: find the table named 'core_config_data'

there check the entries against Value:

where path = web/unsecure/base_url and path = web/secure/base_url

see if '/' is missing after the url if yes then put it there.

Answer 3

Adding something to Yugesh M Kumar YO's answer

1. Check .htaccess file
2. Disable css merge from core_congif_data

And can you access the admin area without any problem?

If so 3. Check if you have set the design properties correctly. (package, skin, template etc..)

Some more details from your end will help to trap the issue.

Answer 4

In my case it is due to .htaccess file. In my project there is a .htaccess file in /skin folder with following content:

Header set Access-Control-Allow-Origin "*"

I have removed this file and it works fine.

Answer 5

I accidentally deleted the .htaccess files in pub and pub/static After I copied the .htaccess files for these folders from the Magento Github site, the style started to work.

Answer 6

I have the same issue:

I also have both .htaccess (default) in /home/ubuntu/public_html/mangeto-ce-226 and /home/ubuntu/public_html/mangeto-ce-226/pub

I found the question here to help my issue: How to fix Magento 2 2.0.0-RC Admin page not found after installation

AWS-EC2-Ubuntu

edit /etc/apache2/apache2.conf

<Directory /var/www/html> Options Indexes FollowSymLinks MultiViews AllowOverride All allow from all </Directory>

restart Apache : sudo service apache2 restart

Answer 7

you tried to load the css file directly via url and see if you load ok?

You can try to erase the cache Magento cache or jumping, doing this

URL

http://www.youurl.com/?abcd=123

Answer 8

if its xampp change in core_config_data web/unsecure/base_url to your address like http://localhost:8080/appname/

Answer 9

Run Command: 1)setup upgrade 2)dicompile 3)static content

it's work for me!

Answer 10

Go to your webroot and execute these two commands:

find . -type d -exec chmod 775 {} \;
find . -type f -exec chmod 664 {} \;

Answer 11

Add Design Change in AdminPanel/System/Design

"Date From" nad "Date To" leave empty.