Thank you for your replies and thoughts everyone.
I think I might have asked my original question poorly. So please allow me another shot at it.
So, what I’ve done is created a new, stock Phoenix application that has an emails resource and a string attribute. In that string attribute I’ve stored the complete HTML content of an HTML email that I received. When I render the show page for the email it looks like this:
But if I disable the stock CSS that was included in the project the HTML email generates like this:
The CSS that come with the LinkedIn email gets applied to the rest of the site.
What I would like to know is if anyone has any idea on how to render BOTH the site as is with its CSS and then also render the HTML along with its inline CSS without the site or the email overriding each other’s design.
Hope that’s a little more clear and I also hope someone might have an idea on how to do this.