Lesson 7: Add a Customizable Welcome Message
Updated by Matt Bradford-Aunger
In this lesson you'll learn how to strip out elements of other templates and repurpose them for your own. Specifically we'll be looking at the Welcome Message that can be found in HelpDocs V3 eCommerce template. You'll learn how to find and copy the code, where to paste it in your custom template, and how to update it in the HelpDocs dashboard.
Resources
Code Snippets
<!-- Welcome Message Code -->
<div id="welcome">
{{i18n "custom_1" "👋 How Can We Help?"}}
</div>
/* Style the Welcome Message */
#welcome{
text-align:center;
font-size:2rem;
font-weight:300;
color:#FFCD00;
text-transform:uppercase;
}