Lesson 7: Add a Customizable Welcome Message

Matt Bradford-Aunger 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

V3 eCommerce Starter Template

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;
}

How did we do?

Lesson 6: Adding a Custom Image Background Header

Lesson 8: Replace Top Articles with Featured Articles

Contact