Where can I save a custom style.css sheet and call it into a landing page | Community
Skip to main content
February 17, 2016
Solved

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

  • February 17, 2016
  • 4 replies
  • 7691 views

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.
Best answer by Luke_Wotton

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?

4 replies

New Participant
August 23, 2018

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?

SanfordWhiteman
New Participant
August 23, 2018

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

Robb_Barrett
New Participant
February 17, 2016

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.

Robb Barrett
February 18, 2016

Robb

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

Luke_Wotton
New Participant
February 17, 2016

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.

February 17, 2016

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

Luke_Wotton
Luke_WottonAccepted solution
New Participant
February 17, 2016

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?

February 17, 2016

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.