How to append stylesheets in laravel email

Question

I'm trying to send an email when user submits a form in laravel. So in my Controller I have :

Mail::to($request->to)->send(new \App\Mail\ShareEbol());

And in my ShareEBOL class, in build method I have:

public function build()
{
    return $this->markdown('panel.reports.ebol');
}

And in my ebol.blade.php file I have:

@extends('layouts.app')

@section('content')

    <h2 class="my-custom-header"> Hello World </h2>
    <p class="my-custom-paragraph"> some text... </p>

@endsection

And in my layouts.app blade file I have appended some stylesheets :

<link href="{{asset('assets/css/custom.css')}}" rel="stylesheet" type="text/css" />

Email is sent successfuly, but the problem is css styles that I have included in custom.css are not applied in email. How can I fix this?

Answer 1

Steps to customize css - Markdown Mailables

It seems that you had created your custom ui. so I try to help based on your custom need.

---

Option 1:

1. Create path html/themes. for example: resources/views/panel/reports/ebol/html/themes

2. copy your custom.css to html/themes

3. edit config/mail.php like below:

   ...
   
   'markdown' => [
    'theme' => 'custom', // custom.css
   
    'paths' => [
        resource_path('views/panel/reports/ebol'),
    ],
   

   ],

Now default theme for all markdowns will be custom.css

---

Option 2:

another option is to set the theme using $theme property of mailable class instead of setting that in config/mail.php

for example:

class ShareEbol extends Mailable
{
    use Queueable, SerializesModels;

    public $theme = 'custom'; // custom.css

...

---

Option 3:

another option is to use Mail Notifications that is well documented here : Laravel Mail Notifications