7.1 Markdown Block Code appearing on my page

Hello,

I have injected the markdown block code to expand FAQ style sections on a specific page on my website and this code now appears on top of the page (uploaded image). The page is currently disabled from my website as I'm still in the building process.

Does anyone have a light about why this is happening?

This is the code that I have injected

Quote

 

.markdown-block p {
  margin-left:1.5em;
}
.markdown-block .ui-closed:before {
  font-family: 'monospace';
  content:"+ ";
}

.markdown-block .ui-open:before {
  font-family: 'monospace';
  content:"- ";
}

 

Thank you in advance!

It looks like you added code to Code Injection.

Move code into Design > Custom CSS