Jump to content

How to change the H's on a portfolio page?

Recommended Posts

  • 3 weeks later...

Hey @Andrew101!

Wow, good catch! I need to fix this on my website (revised: just did with the plugin). To the best of my knowledge, you can't change that in Squarespace. Luckily I had a snippet of code for something similar.

Here is a pure Javascript solution (no-need for jQuery). It's worth mentioning, that to utilize this code (or any other JavaScript solution), you'd need to be on a Squarespace plan that supports JavaScript.

 

I published it as a free plugin, but you can find the code here.

Add the code snippet to your blog page header code (settings icon for blog page -> advanced -> Page Header Code Injection) or use a code block on the blog page. 
*Note this is your blog collection page (the one that shows all your posts), not an individual blog post page.

<script src="https://cdn.jsdelivr.net/gh/Excito-LLC/squarespace-plugins@main/plugins/blog-page-headings-fix-plugin/plugin.min.js"></script>

 

While testing I noticed that in some cases there was a bug that caused the heading not to show up because of Squarespace animations. I realized that I don't have animations on my website enabled, so I enabled it to test it out and it worked. However, I couldn't test it on your website with header code, so I made a fix just in case. Try the above code on your website. If you see the bug where the heading's don't appear, try the following code:

<script>
   var EXC_BLOG_PAGE_HEADINGS_PLUGIN_CONFIG = {
      fixAnimationBug: true,
   };
</script>
<script src="https://cdn.jsdelivr.net/gh/Excito-LLC/squarespace-plugins@main/plugins/blog-page-headings-fix-plugin/plugin.min.js"></script>

 

Hope this helps! Let me know if you have any updates or questions.

Daniel 

Daniel Rodrigues | Excito LLC
Squarespace Web Design for Photographers & Creatives
🌐 https://www.excitollc.com/ | ✉ Contact Me: daniel@excitollc.com
💡 Squarespace Enthusiast | 📖 Squarespace Design Blog for Photographers
🤝 Always happy to help and collaborate! Connect with me on LinkedIn.

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.