Level 122
a bg image has to have a full url so unless the file is in the public folder and not a a sub folder then it won't be found
but why don't you check the html and the css to verify that?
1 like
Jun 30, 2023
4
Level 28
Background image with tailwind
The tailwind background image is not shown on my web page. I'm using tailwind bg-[url] with laravel vite asset. The image is not working.
<section
class="bg-[url('{{ Vite::image('hero.jpg') }}')] bg-cover bg-no-repeat bg-blend-multiply">
This code is not working as well.
<section
class="bg-[url('{{ Auth::user()->profile_url_path }}')] bg-cover bg-no-repeat bg-blend-multiply">
Level 28
Level 122
@shaungbhone of course, yes. I should not overlook the basics
1 like
Level 3
You don't have to use an inline style, you can create a custom class in your tailwind.config.js file.
Details: https://tailwindcss.com/docs/background-image#customizing-your-theme
1 like
Please or to participate in this conversation.