General
Troubleshooting

Customization

Learn about customization troubles and their solutions.

Tailwind styles not applying

If Tailwind styles aren't being applied:

  1. Make sure the file is included in app/globals.css using @source directives
  2. Check that @import 'tailwindcss' is present in your global CSS
  3. Restart your development server after changing Tailwind configuration
  4. Clear the Next.js cache: rm -rf .next

Component styles not working

If component styles aren't working:

  1. Verify that the component is importing the correct CSS
  2. Check that Tailwind is properly configured
  3. Make sure you're using the correct class names
  4. Check for any CSS conflicts or overrides

Theme not applying

If theme changes aren't working:

  1. Check that the theme provider is wrapping your app
  2. Verify theme configuration in your config files
  3. Clear browser cache and cookies
  4. Check that theme variables are correctly defined