how to make ® as a superscript and smaller

Hello!

I would like to make the ® as a superscript and smaller on our website. The ® is in headings and in texts and links.

Can anyone assist and also in simple terms? (I am a Squarespace beginner!).

Thanks!
Sara

Can you share site url?

yes!

www.unfoldmethod.com

On 8/16/2024 at 4:21 PM, sarajn said:

yes!

www.unfoldmethod.com

Try this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  var term = '®';
$('div.html-block *').html(function () { 
    return $(this).html().replace(new RegExp(term + "(?=[^>]*<)","ig"), "<span class='superscripts'>$&</span>");
});
});
</script>
<style>
span.superscripts {
    font-size: 16px;
    position: relative;
    top: -20px;
}
</style>