Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon How can I add custom CSS to LaRecipe templates


How can I add custom CSS to LaRecipe templates


To add custom CSS to the LaRecipe templates, you can follow these steps:

1. Publish the LaRecipe views and assets by running the following command:


php artisan larecipe:publish

This will publish the LaRecipe views and assets to your application's `resources/views/vendor/larecipe` and `public/vendor/larecipe` directories, respectively.

2. In the `public/vendor/larecipe` directory, you will find the `css` folder. Here, you can add your custom CSS files, such as `custom.css`.

3. In the `resources/views/vendor/larecipe/layout.blade.php` file, add a link to your custom CSS file:

html
<link rel="stylesheet" href="{{ asset('vendor/larecipe/css/custom.css') }}">

This will include your custom CSS file in the LaRecipe documentation layout.

Alternatively, you can also add your custom CSS directly in the `layout.blade.php` file, within the `