# Add class to data-slot for a better email styling #3459

**URL:** <https://forum.mautic.org/t/add-class-to-data-slot-for-a-better-email-styling-3459/10283>\
**Category:** Ideas and Feature Requests\
**Created:** [February 26, 2018, 2:56am UTC](https://forum.mautic.org/t/add-class-to-data-slot-for-a-better-email-styling-3459/10283 "2018-02-26T02:56:45Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![npracht](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/npracht/32/240_2.png) [@npracht](https://forum.mautic.org/u/npracht)\
**Post date:** [February 26, 2018, 2:56am UTC](https://forum.mautic.org/t/add-class-to-data-slot-for-a-better-email-styling-3459/10283/1 "2018-02-26T02:56:45Z")

</div>

_Initially reported on [https://github.com/mautic/mautic/issues/3459](https://github.com/mautic/mautic/issues/3459)_

**Description:**  
Google for instance, do not take account of data-slot. So the style given to it is not displayed in Gmail.  
It would be great that fo each data-slot type, it adds to the \<div\> the class with the same name of the data-slot, then in the style of the theme, you can add the style to the data-slot + the class with the same name.

**Today**  
Here is a button for instance.

```auto
<div data-slot="button" data-param-background-color="" data-param-float="1" data-param-button-size="1" style="position: relative; left: 0px; top: 0px;" data-param-href="#" data-param-link-text="Le programme complet" data-param-color="#ffffff " align="center">
    <a href="#" target="_blank" style="font-size: 16px; color: rgb(255, 255, 255); text-decoration: none; border-radius: 3px; padding: 12px 18px; background-color: rgb(94, 10, 79); display: inline-block;">text</a>
    <div style="clear:both"></div>
</div>

```

**Improvement**  
Should add class=“data\_slot\_button” to the div to apply same style.

---

<div class="post-metadata">

**Author:** ![silavapi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/silavapi/32/7424_2.png) [@silavapi](https://forum.mautic.org/u/silavapi)\
**Post date:** [October 17, 2019, 4:34pm UTC](https://forum.mautic.org/t/add-class-to-data-slot-for-a-better-email-styling-3459/10283/2 "2019-10-17T16:34:09Z")

</div>