Getting Started with Customization
Welcome to the Getting Started with Customization Course
Hey there 👋 Matt from HelpDocs here to say welcome to the Getting Started with Customization course. This course is aimed at non-developers who are looking for a little technical guidance on how to m…
Lesson 1: Why Customize?
So why in the hell would you want to customize your knowledge base when stock templates already look so darned beautiful 😍 Well, that’s a good question. The answer is your knowledge base is as much p…
Lesson 2: Wireframing and Design (Why Customize? - Part 2)
So How Do I Design This Thing? When you start thinking about your design, you’ll wanna keep 3 things in mind. The importance of UX. The first and most important thing is the overall user experience.…
Lesson 3: Making Basic Changes to the CSS
Now that we've got our wireframes and designs created, we can start with our customization journey with some basic changes to the CSS. In this lesson, you'll learn how to do a bunch of CSS tweaks ins…
Lesson 4: Change the Feedback Icons
In this lesson we'll take a look at restyling the feedback graphics. We'll start off by removing the neutral feedback icon. Then we'll change the remaining icons to 👍and 👎 and tidy up the layout with…
Lesson 5: Adding a Print Button
In this lesson we find some code on W3School that will enable us to add a print button to our articles. You'll learn how to trigger a basic JavaScript function, how to add and style a button, and whe…
Lesson 6: Adding a Custom Image Background Header
In this video you'll learn just how easy it is to replace the stock solid color background header to a stunning image using pure CSS. Resources. Code Snippets. /* Custom Header Image Style and Positi…
Lesson 7: Add a Customizable Welcome Message
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 eCommer…
Lesson 8: Replace Top Articles with Featured Articles
In this lesson you'll learn how to make use of HelpDocs' Featured Articles functionality in the home page of your knowledge base. This is slightly different to including featured articles in your cat…
Lesson 9: Add a Sticky Search Bar
In the final lesson, you'll learn to make the search bar stick to the top of the browser window. You'll use a bunch of the skills you've learned to wrap the search container in a <div> and implement…
Congratulations You've Finished the Course 🎉
Congratulations 🎉 You've made it to the end of the course and can now feel confident about going away and customizing your own HelpDocs knowledge base. We hope you enjoyed this course and would love…
