CODEWITHSUNDEEP
cssemailmailchimp
Ashbury
Ashbury

Reputation: 2356

Mailchimp 'Style Declaration Block' not working

I have some custom styles in my email that I'd like to make available for use in the WYSIWYG editor. I followed this guide but my styles aren't showing up. What can I do differently? Also, is there any way to remove unused styles like TOC heading?

  /**
  * @tab Page
  * @tip Set the styling for all first-level headings in your emails.
  * @style heading 1
  */
  h1{
    line-height:1;
    font-weight:bold;
    color:#24a9a4;
    font-family:Source Sans Pro,Helvetica,Arial;
    text-shadow:2px 2px 0 #ffde17;
    margin:5px 0;
    font-size:65px;
  }

In the email the styling looks fine:

enter image description here

But in the dropdown menu I can't see any of my styles:

enter image description here

Upvotes: 1

Views: 832

Answers (1)

scoopzilla
scoopzilla

Reputation: 883

/**
* @tab Page
* @section Heading 1
* @tip Set the styling for all first-level headings in your emails.
* @style heading 1
*/
h1{
  /*@editable*/ line-height:1;
  /*@editable*/ font-weight:bold;
  /*@editable*/ color:#24a9a4;
  /*@editable*/ font-family:Source Sans Pro,Helvetica,Arial;
  /*@editable*/ text-shadow:2px 2px 0 #ffde17;
  /*@editable*/ margin:5px 0;
  /*@editable*/ font-size:65px;
}

Try adding the /@editable/ to each line.

Upvotes: 1

Related Questions