Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
newsletter [2024/02/08 22:20] – [HTML Reference] thehortnewsletter [2024/10/08 23:34] (current) – [Changing the Newsletter Theme] thehort
Line 20: Line 20:
 </ul></code> | Unordered list. | </ul></code> | Unordered list. |
 | <code><ol> | <code><ol>
- <li>Unordered list item</li> + <li>Ordered list item</li> 
- <li>Unordered list item</li>+ <li>Ordered list item</li>
 </ol></code> | Ordered (numbered) list. | </ol></code> | Ordered (numbered) list. |
 ===== Uploading Images ===== ===== Uploading Images =====
Line 37: Line 37:
 After creating the message, click on the newsletter subject that appears between the newsletter name and the code, enter a new subject line, and save. After creating the message, click on the newsletter subject that appears between the newsletter name and the code, enter a new subject line, and save.
  
-Before beginning to edit the code, it's helpful to turn on the ''Live Preview''. Note that the Live Preview does not accurately display all aspects of the newsletter, but is helpful while editing content since it allows you to see the changes being made in real time. To get an accurate preview of the newsletter, it is best to use the ''Preview'' function and/or email yourself a test.+Before beginning to edit the code, it's helpful to turn on the ''Live Preview''. Note that the Live Preview does not accurately display all aspects of the newsletter, but is helpful while editing content since it allows you to see the changes being made in real time. To get an accurate preview of the newsletter, it is best to use the ''Preview'' function and/or email yourself a test 
 + 
 +===== Changing the Newsletter Theme ===== 
 +The newsletter has been developed to support different color themesThese themes can be changed by updating the class set on the first ''table'' tag after the ''body''—this table also has the class ''container''. You can add the following classes to change the newsletter themes:  
 +  * ''renew'' 
 +  * ''bloom'' 
 +  * ''harvest'' 
 +This is the full HTML for this line: 
 +<code> 
 +<table cellpadding="0" cellspacing="0" border="0" class="container bloom"> 
 +</code>
 ===== Editing Newsletter Sections ===== ===== Editing Newsletter Sections =====
 The newsletter is comprised of distinct sections that are commented in the code the make them easy to identify. You can use the below reference to aid in locating and updating each distinct content section. If a content section is not needed for a newsletter, it can simply be removed by deleting all the code between ''Start'' and ''End'' comments of the section. The newsletter is comprised of distinct sections that are commented in the code the make them easy to identify. You can use the below reference to aid in locating and updating each distinct content section. If a content section is not needed for a newsletter, it can simply be removed by deleting all the code between ''Start'' and ''End'' comments of the section.