How to add css in zoho mail

Zoho Mail is a popular email service that allows you to customize the look and feel of your emails using CSS. Here are the steps to add CSS to your Zoho Mail emails:

Method 1: Using the Zoho Mail Editor

Compose a new email or open an existing one in the Zoho Mail editor.
Click on the "Format" tab in the editor toolbar.
Select "HTML" from the dropdown menu.
In the HTML editor, click on the "Source" button to view the HTML code.
Add your CSS code to the <head> section of the HTML code, wrapped in <style> tags. For example:
```
<head>
<style>
 /* Your CSS code here */
</style>
</head>
```
Save the changes to the email.

Method 2: Using an external stylesheet

Create a new file with a .css extension (e.g., style.css) and add your CSS code to it.
Upload the CSS file to your website or a cloud storage service like Google Drive or Dropbox.
In your Zoho Mail email, add a link to the external stylesheet using the link tag in the <head> section of the HTML code. For example:
```
<head>
<link rel="stylesheet" type="text/css" href="https://example.com/style.css">
</head>
```
Replace https://example.com/style.css with the URL of your uploaded CSS file.

Tips and limitations

Zoho Mail supports CSS version 2.1, so you may not be able to use some of the newer CSS features.
You can only add CSS code to the <head> section of the HTML code, not to individual elements or styles.
Zoho Mail has some limitations on the use of CSS, such as not supporting CSS media queries or CSS animations.
If you're using an external stylesheet, make sure to test it thoroughly to ensure it works correctly across different email clients and devices.

By following these steps, you should be able to add CSS to your Zoho Mail emails and customize their appearance.

Mail Knowledge

How to add css in zoho mail