Adding the NEW Icon
The NEW icon is a light blue lozenge that appears to the left of content. It’s visible for 30 days after insertion and then automatically disappears.
On this page:
Insert the NEW Icon
In the WYSIWYG editor:
- Enter all of your content on the page
- Then highlight the text you want to draw attention. If the text is not highlighted, you will see the icon in the editor, but it will not show in view mode when saving the page
- Select the NEW icon in the toolbar
Change the Date
Make the icon appear for less or more than 30 days:
- Select the Source button in the toolbar to open the source code (you must be familiar with html to work in the source code)
- Scroll to the location of the <ins></ins> element
- Change the value of the "data-date" attribute to a date that's 30 days before the day you want it to expire. Yes, you can put the date into the future.
Example: To update the date, change 2024,8,12 to another date 2025,2,21 in this format.
<p><ins class="new" data-date="2024,8,12">Current date</ins></p>
<p><ins class="new" data-date="2025,2,21">New date</ins></p>
Remove the NEW Icon Before it Expires
- Select the Source button in the toolbar
- Scroll to the location of the <ins></ins> element.
- Remove the entire "<ins></ins>" code and any attributes that wrap around the text.
The opening tag is at the beginning and the closing tag will be at the end of the text.
<p><ins class="new" data-date="2024,7,7">New icon</ins></p>
<p>New icon</p>, (the <ins></ins> code is gone)
Common Mistakes
- The NEW icon won’t display unless you select text first
- Often, people make the mistake of clicking in one spot in the text and clicking the NEW in the toolbar.
- Using too many NEW icons.
- Use the icon sparingly to ensure that it catches attention instead of cluttering the page.
- Hitting the Enter key on your keyboard after creating the NEW icon
- When you hit Enter, you will see the icon appear on each new line.
- To avoid this, build all the content on the page first, then insert the NEW icon