Code appears on the top of a single page - how to hide

Site URL: https://www.aeclssuottawa.ca/orientation-2021

I have a CSS code that shows up on the top of my page and I can't seem to get rid of it. This only appears on the one page. All other pages are normal and don't show the code. Please help.

https://www.aeclssuottawa.ca/orientation-2021 

It's probably some badly-formatted css which is being injected by a code block or a plugin. Maybe it's that section at the bottom that expands / collapses. I would check those blocks and make sure your css is correctly formatted. look especially for the classnames that appear in your page such as .table-of-contents etc.

My guess is that the table-of-contents CSS is not wrapped in a style tag and it is in a code injection header somewhere. Since it is page specific I'd check the Page Settings > Advanced > Page Header Code Injection for the that particular page first. Then code blocks on the page, etc.

<style>

  [insert your CSS here]
  
  </style>

Let us know how it goes.

15 minutes ago, creedon said:

My guess is that the table-of-contents CSS is not wrapped in a style tag and it is in a code injection header somewhere. Since it is page specific I'd check the Page Settings > Advanced > Page Header Code Injection for the that particular page first. Then code blocks on the page, etc.

<style>

  [insert your CSS here]
  
  </style>

Let us know how it goes.

Thank you! This worked and i got rid of it.