Jump to content

Inject H1 above H2

Recommended Posts

I'm trying to inject an H1 element above the default H2 element on the video pages. (ex: https://www.sawyerfree2025.org/videos/v/leslie-niavah-friday)

I created this code to perform this injection, but it is not working.

<script>
$(document).ready(function() {
$('<h1>Testimonials</h1>').insertBefore('.lesson-details-title');
});
</script>

This and other methods I have tried have not worked. I am adding the code to the Page Header Code Injection under Video Settings.
 

Screen Shot 2022-11-15 at 1.03.18 PM.png

Link to comment
  • Replies 2
  • Views 345
  • Created
  • Last Reply

Top Posters In This Topic

You are using jQuery code but you have not installed jQuery.

Add the following to Settings > Advanced > Code Injection > HEADER.

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

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.