# Pinegrow 3 pro - Emails and inline css

**URL:** <https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229>\
**Category:** Pinegrow PRO\
**Created:** [August 25, 2017, 1:42pm UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229 "2017-08-25T13:42:53Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bennyboy](https://avatars.discourse-cdn.com/v4/letter/b/57b2e6/32.png) [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\
**Post date:** [August 25, 2017, 1:42pm UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229/1 "2017-08-25T13:42:53Z")

</div>

Hello,

I would like to create an inline css email template, is there a way to create inline styles in pinegrow 3.07 please?

Thanks,

---

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [August 25, 2017, 8:30pm UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229/2 "2017-08-25T20:30:09Z")

</div>

Certainly! Just select the element and use the visual editor to style it out. It should (and did in my quick test) create the properties as inline styles the like:

```
<section style="background-image: url('img/bg-image.jpg');display: block;margin: 20px"></section>

```

Cheers

Thomas

---

<div class="post-metadata">

**Author:** ![Bennyboy](https://avatars.discourse-cdn.com/v4/letter/b/57b2e6/32.png) [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\
**Post date:** [August 26, 2017, 8:50am UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229/3 "2017-08-26T08:50:29Z")

</div>

Hello Thomas, I am not sure I understand.

I was looking for an “export” button that adds up all the necessary css class inline automatically.  
Having everything done manually is too time consumming.

ie: You design the whole project using bootstrap 3 kind of layout and have an export function that places only the used classes inline.

I hope you understand.

---

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [August 29, 2017, 6:53am UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229/4 "2017-08-29T06:53:21Z")

</div>

Yep - I think I do.

While I’m not aware of all of the new features and stuff within Pinegrow, I don’t think that PG currently has this feature (only the other way round - turning an inline-style into a class style). But admittedly I could think of having this feature wouldn’t be that bad.

It could work as a two-step action, something like:

**Merge all classes applied to one “super-class”**

This would be pretty helpful if you’re working with frameworks and some of your classes only have one property applied to.

**Move the “super-class” inline**

Creating eMail templates requires inline-styles. So this would be the use-case.

@Emmanuel Worth turning this to a feature request?

Cheers

Thomas

---

<div class="post-metadata">

**Author:** ![Bennyboy](https://avatars.discourse-cdn.com/v4/letter/b/57b2e6/32.png) [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\
**Post date:** [August 29, 2017, 7:19am UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229/5 "2017-08-29T07:19:21Z")

</div>

Hi Thomas,

Yes exactly! This would be fantastic! From time to time customers want special looking emails and the inline css is just a lot of work…especially when you try to match a design like boostrap where many classes won’t be used in the final.

Hope they will include this in the future version as it will help a lot of people.

---

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [August 29, 2017, 1:46pm UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229/6 "2017-08-29T13:46:57Z")

</div>

> [@Bennyboy](#):
>
> From time to time customers want …

One small caveat:

Never do the “Client Wants …” approach and don’t go too fancy with email templates. As we all know, it’s difficult enough getting them consistent cross mail-clients. I’d never would do them by monster frameworks. All they have to do is transporting content and meaningful messages.

It’s our job making them work and all a client has to do is applauding when we accomplished our goals. My five cents.

Cheers

Thomas

---

<div class="post-metadata">

**Author:** ![Bennyboy](https://avatars.discourse-cdn.com/v4/letter/b/57b2e6/32.png) [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\
**Post date:** [August 29, 2017, 2:50pm UTC](https://forum.pinegrow.com/t/pinegrow-3-pro-emails-and-inline-css/1229/7 "2017-08-29T14:50:08Z")

</div>

Hi Thomas, Yes I totally understand what you mean but unfortunately, certain clients prefer sexy newsletters over usefulness to keep up with the beauty of a brand. I wish everyone could think the same way but, sometimes I have to follow what I am being told to follow or lose the contracts. Coding is tough lol.
