Hi! I found some answers and help on this website: https://pixalitydesign.com/pixality-blog/mindbody-squarespace
Heres what she helped me do to centre them:
Sure is! If you add this code into your Custom CSS area, it will center all code blocks on your entire site:
//center code blocks
.sqs-block-code{
text-align: center;
}
Which will work, except it will center all code blocks across your entire site, which may not be what you want. Here's a little video on how to make that only apply to one page: https://www.useloom.com/share/c4e703e195344a6cafffea8863111d1c
...and if using the apply-to-1-page method, you'll want to use this code in the Custom CSS instead and update the collection ID like I mention in the video
//center code block on demo page
collection-597576ead2b85704bb590f7d .sqs-block-code{
}