Where can I save a custom style.css sheet and call it into a landing page | Community
Skip to main content
Feb 17, 2016 10:18 AM UTC
Solved

Where can I save a custom style.css sheet and call it into a landing page

Hey everyone.

I'm currently using the Marketo responsive landing page template 2-B (Template 2-B - Marketo Docs - Product Docs).  There are a number of text styling elements that I want to change, and I can't seem to do them inside the inline/landing page css.

I've got the style.css sheet that the landing page calls from templates.marketo.net/template2/css/style.css.  I've copied it and made the edits that I need.

Is there anywhere inside Marketo that I can store my own customer style.css sheet and link to it inside the landing page?

Or, if anyone has any better ideas, I'm all ears.

Cheers

Mike

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Luke_Wotton
Luke_WottonAccepted solution
Level 4
Feb 17, 2016 11:15 AM UTC

I uploaded a .html into Design Studio and it worked as intended and rendered (I was pretty suprised by this)

Have you tried just uploading it to Design Studio?

10 replies

Level 2
Aug 23, 2018 9:05 PM UTC

I've created my own own responsive email template and uploaded a .css file into the design studio.

How now do I tell marketo that that .css file is for that email?

Translate
SanfordWhiteman
Level 10
Aug 23, 2018 9:10 PM UTC

You can't use external CSS files in emails. Client support is close to nonexistent.

Translate
Robb_Barrett
Level 10
Feb 17, 2016 5:36 PM UTC

Protip: in the Style section of your template, put a token of {{my.CSS-Override}} (or similar name) at the bottom, right before the closing tag.

Now, if your program tokens you can add or change CSS elements. For example, if you want to change the color of a div, just put in:

div.divName {

background-color: red;

}

And it will override whatever the original background-color element was. You can also do that for any CSS element, or you can add in new CSS styles.

Translate
Robb Barrett
Feb 18, 2016 9:55 AM UTC

Robb

That's a great tip, I'll take a look at that

Translate
Luke_Wotton
Level 4
Feb 17, 2016 11:30 AM UTC

Hello,

No, I mean just upload the .css into a folder in Design Studio, then grab the URL and reference that. Marketo should serve the file as expected.

Translate
Feb 17, 2016 11:33 AM UTC

Huh, ok.  I'll try that.  Thanks for the tip!

Translate
Luke_Wotton
Luke_WottonAccepted solution
Level 4
Feb 17, 2016 11:15 AM UTC

I uploaded a .html into Design Studio and it worked as intended and rendered (I was pretty suprised by this)

Have you tried just uploading it to Design Studio?

Translate
Feb 17, 2016 11:27 AM UTC

Hey Luke

Do you mean you uploaded a css stylesheet as html and used that?  In the responsive landing page templates, some of the css is callled from an external stylesheet

  <!-- SPECIFIC CSS -->

    <link rel="stylesheet" href="https://nation.marketo.com//templates.marketo.net/template2/css/style.css">

I want to create my own stylesheet and have a link that I can use to call within the landing page template.

Translate