# Appearance Tab

This is where you will find the appearance tab in your CRM. In this section, you will access template settings, buttons, dividers, and custom CSS. These are the global level settings that apply to all your emails by default.

Let's dig into them and understand how they help us.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FevnYtajGckju227zmuNH%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-e80404b5e0bb7852161a69242c48f27654854943_Appearance.png?alt=media&#x26;token=d6b26322-9fff-4f35-8420-761a48516d26" alt=""><figcaption></figcaption></figure>

## Template

This is where you will find the Template details in your email builder. It allows you to control three things as shown in the image below.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FrsUKlNnTUeTi02Z0NyCo%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-37b693c2a826228ec0c985f280d1245560825d3f_email%20marketing%20-%20builder%20-%20appearance%20-%20template.png?alt=media&#x26;token=5a8b07da-99f3-4148-8c61-26a422e6d435" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FaF8JVKaXZRzpvalMw3vd%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-efdb7cfd2d9b86376652bbf65ce71df3e2772791_email%20marketing%20-%20builder%20-%20appearance%20-%20template%20-%20details.png?alt=media&#x26;token=50102811-8d65-4610-9644-7f611e59d66e" alt=""><figcaption></figcaption></figure>

1. **Background Color:** Choose and customize your emails in your own brand colors or just to make them stand out, you can set default colors here.
2. **Body Color:** Change and customize the color of your email body here.
3. **Content Width:** You can increase or decrease the content width of your emails here.

## Button

As the name sounds, this section gives you the controls to customize the buttons, mostly used as a Call to Action, in your emails.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FZkj2GcRCWau2kzvahIWg%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-f9acd83f77bb789265059e15843046a91634dcdb_Email%20Builder%20-%20email%20marketing%20-%20builder%20-%20appearance%20-%20button.png?alt=media&#x26;token=b2fc1384-59c2-4017-a403-3ad69026e078" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FmLhzw7E0zanfLEObWZSw%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-1eefeec81deccd97d2d5c7e083c80f8de2f97d74_button%20details%20numbered.png?alt=media&#x26;token=d474e0a1-8f45-431e-abfb-f8849f85d725" alt=""><figcaption></figcaption></figure>

1. **Radius.** Choose how big or small the buttons in your emails should look like.
2. **Button Color.** Choose your brand colors or simply the ones that you relate with.
3. **Fonts.** Choose font types and add bold, italics, and underlines here.
4. **Font Size.** Choose a font size that goes well with your button size or vice versa.

## Divider

Dividers make all your elements stand out and highlight the individual elements by adding line dividers.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FrAPyeKUMfLEO4nnu0lUQ%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-3acf876548725e819606323663964089e49f5975_Email%20Builder%20-%20email%20marketing%20-%20builder%20-%20appearance%20-%20divider.png?alt=media&#x26;token=a1785223-9388-490e-8264-473540594d05" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FWfsLjibxdGZSHPaN8Q4a%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-effb90a6ac2ecac70dcb3e6b2eb88940463b293e_divider%20details.png?alt=media&#x26;token=7f09f363-bb72-4d3d-8cdc-991be0c596cf" alt=""><figcaption></figcaption></figure>

The control options within the divider settings are:-

1. **Height:** Adjust the height of the divider here.
2. **Color:** Choose the colors you would want your dividers to be in.
3. **Style:** You can choose between Solid, Dotted, and Dashed.

## Custom CSS

Here you will be able to write your own custom codes to get that extra level of customization.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FbhADNgxMpwTR66nzjOxK%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-fe6e871dd1d53949a09601d3707c6c13f73acef0_email%20Builder%20-%20email%20marketing%20-%20builder%20-%20appearance%20-%20custom%20css.png?alt=media&#x26;token=53751b11-36db-4080-9816-0476699781e3" alt=""><figcaption></figcaption></figure>

Be careful though, this block type is for HTML experts only. We recommend that you brush up on HTML Email Basics or learn more about using Code blocks.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FOCpADF8aKpc3PSQWcG19%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-948bc7795da8876b668e7232192561badea46cb2_Email%20marketing%20-%20builder%20-%20appearance%20-%20custom%20css%20-%20details.png?alt=media&#x26;token=8c68d643-82ae-4020-8745-dd29ce4f03cf" alt=""><figcaption></figcaption></figure>
