Solved: Using Stylesheets in Custom XHTML

MarcL12 · ‎06-27-2018

Have been trying to use stylesheets from our website when constructing a custom email, but when I preview, none of the styling takes effect.

Here is a snippit from the top of the code :

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>2018-11-LSG-CI-Training-Program</title>

<link href="http://inovis.global/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="http://inovis.global/css/TMW-bootstrap-style-base.css" rel="stylesheet" type="text/css" />

Probably a very simple fix, but I am stumped!

Thanks for any help

Briody_W · ‎06-27-2018

Hiya @MarcL12,

Thanks for the good question! Our system actually can not use outside style sheets. That style tab in XHTML only pulls styles in the actual sheet itself. Styles can be added using the style sheet or by adding inline styles. The following is a link to an article we have on Custom Code email creation. I do apologize for the inconvenience.

Briody_W
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Anyone can be a marketer! Visit our Blog & Resources page to brush up on the latest tips and tricks.

View solution in original post

Briody_W · ‎06-27-2018

Hiya @MarcL12,

Thanks for the good question! Our system actually can not use outside style sheets. That style tab in XHTML only pulls styles in the actual sheet itself. Styles can be added using the style sheet or by adding inline styles. The following is a link to an article we have on Custom Code email creation. I do apologize for the inconvenience.

Briody_W
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Anyone can be a marketer! Visit our Blog & Resources page to brush up on the latest tips and tricks.

View solution in original post

MarcL12 · ‎06-27-2018

Darn! But thanks for the quick reply, Briody!

Lucas_D · ‎06-28-2018

Hi @MarcL12,

I'm happy to hear that your inquiry was answered! Please let us know if you need assistance with anything else! Take care!

Lucas_D
Community & Social Media Support

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media. Download this guide and learn how you can achieve great results with email marketing

hvhibiscus · ‎06-29-2018

Hi Marc,

To use css, I just put my style sheet in the header of my custom CC template, and it works great. I literally just copied and pasted the whole style sheet into the header using the Advance Editor and saved it as a template that I use to write all my newsletters with. I do write my html by hand, since the html editor could disturb the code, but if you're coding stylesheets, you must write your own too. Anyway, it's a workaround that works!

Amber_L · ‎06-29-2018

Hello @hvhibiscus,

That's great feedback, and I'm glad to hear that you've found a solution that works for you! If there's anything that we can help with, please let us know.

Amber_L
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.