Reposting this tutorial because I need to set up a tutorials tag.
I’m not going to explain how whole page was styled. Instead I’ll just go over the main points on how to get the linking/scrolling (of questions) to the corresponding parts of the same page (the answers) to work. This technique is not limited to FAQ’s and can be used at any time you want to scroll to a certain part of the same page.
I made this for a better understand of how this FAQ page works and how to customize it.
→ CHANGING COLOURS
|Main Background - #F9F9F9|
|Links - #F77825|
|Links Hovered - #60B99A|
|Bold Type - #F15A23|
|Navigation Bar Background - #FFFFFF|
|Navigation Bar Border - #DDDDDD|
|Main Headings - #F9B71C|
|Questions Section Background - #F3F3F3|
|Links in Questions Section - #554236|
|Answer Section Question Bg - #F3F3F3|
|Answer Section Answer Bg - #FFFFFF|