# Email Layouts

You can also change the Column Layout from just a single one or you can choose more aspects such as double layout, triple layout, 1/3:2/3, 2/3:1/3, and quad (4) layout.

For example, we have selected a triple layout under settings in the image below.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FkBhCvFGgFtB3ebW9oRaL%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-daee818637b456421e797c0b94b18915652920e2_3%20layout.png?alt=media&#x26;token=22b2bb95-75a5-406e-9042-93d10650de63" alt=""><figcaption></figcaption></figure>

The next step is Padding. Padding is simply the spacing around the sections and you can also toggle it on and off. If you want to put more space on top, you can increase the padding here in the Top, Bottom, Left, and Right side icons as you can see in the image below. We now have a bigger layout than previous images.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FcSuWhkAHez9H7BEtkGh5%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-786592c2f4bc110f58bdd68350030bfc2ee4bfcf_padding.png?alt=media&#x26;token=81dbe2f1-0621-4fa0-af6e-2ff58793fdd7" alt=""><figcaption></figcaption></figure>

Next, you can choose the background type of the layout. You can make it a full-width email or you can contain the background to the content width. You can also change the colors of the background and even select patterns.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FaMmGKRfiKOFJiXP6gZWC%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-348cd27894551a0e44570a6ce902d4b3a91496a8_backgrouond.png?alt=media&#x26;token=dddf3e26-5aae-4451-9b98-bfd6ed917136" alt=""><figcaption></figcaption></figure>

Once you're good with your section settings, go ahead and hit the Done button as shown below.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FcTFJH96yReVVAnll74Nz%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-684126b25a1a7c8d83e296a6dc0d2388b838a066_Done%20(1).png?alt=media&#x26;token=d67b3f1a-c525-45ec-8aab-d6bc5e33c667" alt=""><figcaption></figcaption></figure>

## Layout Elements

Now, you can drag in elements like images, we can drag in the image element and then select Replace and upload an image into the file library where we can then select it.

![](https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F7e7WQJl5ILGyXf1dyj7m%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-6d355532d07ea2e74f5a4b5cee9c0c9b66b65968_Replace.png?alt=media\&token=1156b532-74de-4667-8c4b-a7d88cc4b77e)![](https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F1ZXl7dISeZZLeZ5fFJSq%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-43a831f73e0e93bf3c3237e68e7b410fe45130a1_Upload%20File.png?alt=media\&token=46853769-6fe0-4c4e-8ff2-17cc836ff48e)

After this, you also have some additional information to customize like the Image Url and some other controls where you can enter Alt Text for SEO purposes.

You could hyperlink the image to a destination and you can also control the width and the height of the image right here.

Here again, you get a padding toggle if we wanted to add or remove any spacing around the image, then you can choose the alignment of the image. Once you're good with your image, go ahead and hit Done. Well done!

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FB8UBr0hc2hekIPwVHtZZ%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-9025dd9e557117cc8076cb4f52863e744a48eee6_Image%20Settings.png?alt=media&#x26;token=69b4c217-800b-48e5-9612-e6ba2a3381c5" alt=""><figcaption></figcaption></figure>

You can continue to drag elements into your section by just dragging them over and then use the functions available in the left-hand sidebar.

For example, you can add your headings, additional paragraph text and enjoy full control over it just like you would in any good email editor.

You can also add a ready-made footer to your email and customize it with your brand colors and information.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fbw61jsmrlqc3JyKTEt3n%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-41833845f461da89e0d4c7f7967afbd84711ba76_Email%20Builder%20-%20email%20layout.png?alt=media&#x26;token=74c67102-7c3b-410d-b7be-30ded47492b1" alt=""><figcaption></figcaption></figure>

**A pro-tip:** Clicking on any element in your email content such as headlines, footer, images, social icons will open up the Settings section for that particular element chosen.
