I am using Laravel Auth for a website. It seems that Auth is using bootstrap for styling. I would like to disable bootstrap. There is no line that includes bootstrap in my app.blade.php layout so I can't find where is it loaded. How can I disable it?
This is using bootstrap for styling, but name of the css file is app.css.
Go to resources->views->layouts->app.blade.php and delete line
<link href="/css/app.css" rel="stylesheet">
Related
I'm trying to add the favicon to a Inertiajs app but it doesnt work.
I'm using laravel 9 with inertiajs, vue3 with vite and tailwind.
The route is fine "Public/Images"
Do any one understand why?
<link rel="icon" type="svg+xml" sizes="32x32" href="../../public/Images/Favicon.svg" />
laravel web folder is at public so all you need to do is reference it as the TLD,
in your resources/views/app.blade.php
you can directly reference a directory inside public, so instead of ../../public/Images/Favicon.svg it should be /Images/Favicon.svg
<link rel="icon" href="/Images/Favicon.svg" />
Error Message From Dev Tools
The Folder Structure of the project
How I linked this
So I am trying to Link local css file to thymeleaf but it has not been working. I was wondering how to link css to thymeleaf in this case. Thank you.
You are using href="#{/css/signup.css}", but you need to use th:href like this:
<link rel="stylesheet" th:href="#{/css/signup.css}" />
I'm new to Laravel Breeze and tailwind.
After successfully installed Laravel Breeze and looking at /login page source, I couldn't match the source code and actual page source and would like to know what's going on.
In app.blade.php or guest.blade.app there are the following lines.
<!-- Styles -->
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
But when viewing login page source, it has
<!-- Styles -->
<style>
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent} ...
</style>
<style>
body {
font-family: 'Nunito';
}
</style>
And no javascript is loaded.
I'm expecting to see just the link to public/css/app.css and public/js/app.js but no such thing here.
So if anyone can explain how Laravel Breeze works regarding to including css and js
and how I can extend tailwind css to other pages and use js in other pages, I'd really appreciate.
You need to compile the assets installed with Breeze. To do so, just run the following commands on your project directory:
npm install
npm run dev
If you check the Public folder on your Laravel app, you should see the CSS and JS compiled. Refresh the page, and the style should look OK.
Documentation reference:
https://laravel.com/docs/8.x/starter-kits#laravel-breeze-installation
Adding tailwindcss to my Phoenix project seems to have broken a lot of the styling. For example, here is a button before adding tailwindcss:
and here it is afterwards:
What can I do to get the benefits of tailwind without breaking my existing styling?
The reason that the native Phoenix styles break is because Tailwind comes with Preflight, which is a bunch of default styles. Preflight can conflict with whatever native styling you might have. That's why it broke in my case. I was able to solve this problem by adding:
corePlugins: {
preflight: false, },
To module.exports in tailwind.config.js. This disables Preflight and lets the native Phoenix styles stay. If you don't need Preflight this is a good choice.
I found the following stop-gap solution: use the approach described in the section entitled "Using Tailwind without PostCSS" from https://tailwindcss.com/docs/installation.
cd assets/static
mkdir -p css
cd css
npx tailwindcss-cli#latest build -o tailwind.css
In whichever file contains the <head> tag (for example root.html.leex) insert this snippet:
<link href="<%= Routes.static_path(#conn, "/css/tailwind.css") %>" rel="stylesheet">
I got best results by putting that above the line with
<link rel="stylesheet" href="<%= Routes.static_path(#conn, "/css/app.css") %>"/>
Otherwise Tailwind overrides some of the styling that comes with Phoenix.
I recently installed Laravel 5.2 and i´ve been experiencing some problems loading css and js files from the project public folder.
I have all my views on the resources folder and my asset files on the public folder, i tried installing html collective but is not working.
Could someone please help me link the css and js files, so they load.
This is my view:
<link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="/css/app.css" />
You can use the asset helper:
$url = asset('img/photo.jpg');
Cf docs: https://laravel.com/docs/5.2/helpers#method-asset