---
title: Email Recommendations styling
description: "Product [Recommendations](https://releva.ai/documentation/recommendations/) are an important part of what makes *Releva's*emailsfeel truly personal. At Releva, we understand that having consistend branding is key to building and maintaining trust, and we have developed functionalities to help you main a consistent look and feel…"
url: "https://releva.ai/documentation/marketing-channels/email-recommendations-styling/"
updated: "2024-10-02"
category: User Guide / Marketing Channels
---

# Email Recommendations styling

Product [Recommendations](https://releva.ai/documentation/recommendations/) are an important part of what makes *Releva's*emailsfeel truly personal. At Releva, we understand that having consistend branding is key to building and maintaining trust, and we have developed functionalities to help you main a consistent look and feel across the multichannel.

Below is an example of how you can customize the look and feel of recommenders in your emails.

- Go to ***Releva* -> Recources -> Templates**

![](https://releva.ai/wp-content/uploads/2022/08/image.png)

- Select **Default Recommender Template(Email)**

![](https://releva.ai/wp-content/uploads/2022/08/image-11-1024x230.png)

- Make a copy.

![](https://releva.ai/wp-content/uploads/2022/08/image-12-1024x578.png)

- Look for comments **rlv-recommender-container /  rlv-recomender-image**  to style you Recommender

![](https://releva.ai/wp-content/uploads/2022/08/image-13-1024x400.png)

- Use inline CSS into the elements under the comments**<table>** and **<td>**

```html
<!--rlv-recommender-container-->
<table style="/*Recommender container styling*/">

<!--rlv-recommender-image-->
<td class="mainTd" style="width: 50%; /*Recommender image styling */">
```

- Changing the inner style attribute for **<table>**and **<td>** changes the recommender visually

```html
<!--rlv-recommender-container-->
<table style="background-color: aqua;">

<!--rlv-recommender-image-->
<td class="mainTd" style="width: 50%;  border: 2px solid red; border-radius: 5px;">
```

- Before:

![](https://releva.ai/wp-content/uploads/2022/08/image-15-843x1024.png)

- After:

![](https://releva.ai/wp-content/uploads/2022/08/image-14-804x1024.png)

- Save and close.

![](https://releva.ai/wp-content/uploads/2022/08/image-16-1024x732.png)

Don't forget to [set this new template in your existing emails](https://releva.ai/documentation/change-email-recommendations-template/).