# Newsletter

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MKrdCkiR-x_CwXXw-Yr%2F-MKrdNUla6ND9P2LEobN%2Fconfig-newsletter.png?alt=media\&token=720723a2-4669-4b42-a69e-9630ab55ac60)

## 1. Open the existing section

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit and click **Customize**.
3. Click the **Newsletter** section.

## 2. Add a Newsletter section to your home page

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit and click **Customize**.
3. Click **Add section** > **Newsletter** > **Add**.
4. Use the settings to customize your **Newsletter** section.
5. Click **Save**.

## 3. Settings

### Background

* **Enable:** turn on/off the background.
* **Pick a color:** choose a color to set the background color. If the background is empty, the background color will be displayed.
* **Background image:** pick or upload your image to display it as the background image.
* **Background size:** set the size of the background image.
* **Background style:** set the style of the background image.

### Section gutters

* **Enable top gutter:** turn on/off the space distance on the top of the section.
* **Enable small top gutter:** turn on/off the small space distance on the top of the section.
* **Enable bottom gutter:** turn on/off the space distance on the bottom of the section.
* **Enable small bottom gutter:** turn on/off the small space distance on the bottom of the section.

### General settings

* **Heading:** add the section title.
* **Subheading:** add section subheading.
* **Wide display:** turn on/off displaying the section in the wider layout(still keep the gutter on the left and right).
* **Enable social icons:** turn on/off displaying the social icons.

### Color & Font size

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MKrdCkiR-x_CwXXw-Yr%2F-MKrde-wB2tnbQgW_5_X%2Fconfig-colors-newsletter.png?alt=media\&token=6fcd9659-6f3e-492b-bc33-c9f4de88a309)

* **Section heading color:** choose a color to set the color of the section heading.
* **Section subheading color:** choose a color to set the color of the section subheading.
* **Input text color:** choose a color to set the color of the input text.
* **Input background color:** choose a color to set the background color of the input.
* **Input font size:** drag & drop to choose a value to set the font size of the input. Only apply on the desktop screen.
* **Input icon color:** choose a color to set the color of the input icon.
* **Terms & conditions color:** choose a color to set the color of terms & conditions.
* **Social icons color:** choose a color to set the color of social icons.