How to make css available for gmail using sendgrid

Question

I am using Sendgrid api for my rails application to send email but in gmail is not supporting the css written within head tag what should I do to make css working.

Answer 1

Fortunately, this is unrelated to your use of SendGrid.

According to FreshInbox, Gmail is unique amongst the major web mail clients in that it is completely incompatible with normal selectors within style tags within the head. This is due to the fact that it changes all of the classes and ids in your emails. You can get around this by using non-standard selectors.

Typically though, developers work around this by using in-line styles. As bwest mentioned, the premailer-rails gem can help you accomplish this by automatically including your styles from a stylesheet as in-line. It's very simple to use, just add nokogiri and premailer-rails to your Gemfile:

gem 'nokogiri'
gem 'premailer-rails'

Answer 2

To ensure compatibility with the greatest number of email clients, you should use inline css whenever you send HTML emails. Currently we don't offer this as part of SendGrid, but you can use a gem to accomplish this.

Answer 3

Gemfile.rb

gem 'roadie-rails'

than inside of x_mailer.rb

include Roadie::Rails::Automatic