My css files are not running inside my .blade.php file

Question

I'm doing a little website for me with Laravel 8.0.

Inside home.blade.php, I have this : <link rel="stylesheet" href="{{ asset('css/header.css') }}"> But when I go to my browser, no css in my page. Inside the developper tools, it says <link rel="stylesheet" href="http://localhost/css/header_site.css">.

I have all my css inside the public/assets/css folder.

I also used the VirtualHost inside httpd-vhosts.conf where I do DocumentRoot "C:/xampp/htdocs/my-project/public".

Cordially

Still not working. I also tried with URL:: and also with public/assets/css/header.css What trigger me is that when I go to the developper tools, there path is http://localhost/css/header_site.css and that's wrong. — Leon
– Leon, Commented Jan 10, 2021 at 16:10
give the full url for testing purposes. http://localhost/assets/css/header_site.css Also see if this url produces the css file in the browser. — user3532758
– user3532758, Commented Jan 10, 2021 at 16:13
Also, by public/asset.. you mean in the public folder right? Not the storage/public/assets? Coz, if it's storage make sure you have established the symlink. — user3532758
– user3532758, Commented Jan 10, 2021 at 16:15
Well then, why dont you try configuring the assets url in the .env file. ASSET_URL=http://localhost/assets/. Then do {{asset('css/header.css')}}. See if it changes anything, — user3532758
– user3532758, Commented Jan 10, 2021 at 16:22

user3532758 · Accepted Answer · 2021-01-10 16:25:26Z

1

Try configuring the assets url in the .env file. ASSET_URL=http://localhost/assets/. Then do {{asset('css/header.css')}}

answered Jan 10, 2021 at 16:25

user3532758

2,2811 gold badge14 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

raphael obinna · Accepted Answer · 2024-06-16 11:09:51Z

0

I had a similar issue but it was after I had deployed the application to a hosted service. The stylings were not showing.

I checked the network tab on the hosted link and my CSS stylings were blocked they were rendering through http:// my base URL and not https://

Adding this to my app/Providers/AppServiceProvider.php fixed it for me

public function boot()
{
    //
    if (config('app.env') !== 'local') {
        URL::forceScheme('https');
    }
}

answered Jun 16, 2024 at 11:09

raphael obinna

374 bronze badges

Collectives™ on Stack Overflow

My css files are not running inside my .blade.php file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related