Custom code block styled as button (broke recently after SquareSpace update?)

Hi,

I previously had a custom code block that would display as a button. This just scrolled to another section in the page. However, at some point, I believe SquareSpace changed the button styling. Can anyone provide advice on how to update this code to work with the new button styles? Currently, it just displays as empty space.

<center><div class="sqs-block button-block sqs-block-button">
 <a href="#page-section-62f13865e9183c21a6049715" class="sqs-block-button-element--medium sqs-block-button-element">Learn More</a>
</div></center>

Thanks so much!

2 hours ago, mp4 said:

Hi,

I previously had a custom code block that would display as a button. This just scrolled to another section in the page. However, at some point, I believe SquareSpace changed the button styling. Can anyone provide advice on how to update this code to work with the new button styles? Currently, it just displays as empty space.

<center><div class="sqs-block button-block sqs-block-button">
 <a href="#page-section-62f13865e9183c21a6049715" class="sqs-block-button-element--medium sqs-block-button-element">Learn More</a>
</div></center>

Thanks so much!

 

 

 

How do you want to style this button?

Hi,

Thanks so much for the reply! I'd like to use the Primary button style, which looks like the attached image when used elsewhere. Thanks for your help!

This is new class name

sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element

Tuanphan's solution worked! So appreciative of the help!