Markdown Code Not Working

I've been doing this multiple times and it's working before. I wonder what happened and it's not working anymore.

Issue: I copied and pasted the code from the Markdown, then the layout is different. What do you think is the cause and how can I make the new markdown the same as the old ones. Whenever I try to edit the old ones, it's not working anymore and becomes different as well, so I can't edit that either.

Also, I tried looking for the code injection for the Markdown and I found this injected in the footer menu. It might be helpful if someone knows how to do it. Here's the code injection:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<script>
$(window).load(function(){
$('.markdown-block .sqs-block-content h2').css('cursor','pointer');
$(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle();
$(".markdown-block .sqs-block-content h2").click(function() {
$(this).nextUntil("h2").slideToggle();
});
});
</script>

<script src="/s/mega-menu.js"></script>
 

These closing brackets > are problematic, and each of the opening <p> should have a corresponding closing </p>

I don't know for sure why you are having problems, but coding errors regularly cause unexpected issues.

I just copy & pasted the code from previous ones. I wonder why its' working currently, but not working anymore when you edit it.

10 hours ago, Merylle said:

I just copy & pasted the code from previous ones. I wonder why its' working currently, but not working anymore when you edit it.

The code needs fixing before you copy/paste, just because the first one works, doesn't mean that the errors won't cause problems on the second one.

Taking the custom code out of the equation Squarespace recently made changes to how markdown blocks work. So, how they worked before is not how they work now. Any custom code would need to take into account how markdown blocks work now.

I have no solution just an observation of why things may have gone wrong.

8 hours ago, paul2009 said:

@Merylle As @creedon explained above, the cause is that Squarespace made changes to the Markdown Block. When you add a new Markdown Block to the website, or you simply edit the content of an existing Markdown Block, your old because it is not supported.

However, you can still achieve the same look in a new Markdown Block, you'll just need to make a few changes to the way you were formatting the content. Instead of adding HTML  (divs, spans, classes and inline styles), just add the basic text to the Markdown Block. Then add the header, using two hash characters to indicate it is a H2 heading, like this example:

 

You'll then need to make a few changes to your Custom CSS so that it is applied to the new H2 heading without the div reference. By adding all the styles (arrows, box, font formatting and so on) to Custom CSS, this will keep the markdown very clean and easy for anyone to update.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you so much! This make sense to me now.