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…

Updated 4 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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.…

Updated 4 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

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…

Updated 5 years ago by Matt Bradford-Aunger

Contact