Skip to content

How to disable the fade animation

Eduardo Gómez edited this page Aug 20, 2019 · 2 revisions

To disable the fade animation that runs everytime you load a page you have to do the following:

  1. In the Ghost control panel go to the Code injection menu and paste the following code into the box corresponding to the Site Header:
<script>
  const disableFadeAnimation = true
</script>

If you have the search feature enabled, then the code should look like this:

<script>
  const ghostSearchApiKey = 'YOUR_CONTENT_API_KEY_GOES_HERE'
  const disableFadeAnimation = true
</script>
  1. Finally click the Save button and refresh your blog page to see the changes.