Back in September of 2018, Squarespace decided to no longer allow code / HTML in image titles. Here’s a fix to give you back that functionality. Simply enter this code into SETTINGS > ADVANCED > CODE INJECTION.
If you have AJAX LOADING on your website, disable that first by going to DESIGN > SITE STYLES and unchecking the option for AJAX LOADING (only some of the newer templates have this option so if you’re using an older template, you can ignore this step.)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
$(function(){
$(".image-slide-title").each(function(){
$(this).html($(this).text());
});
});
</script>P.S. You may have to change “.image-slide-title” depending on how you’re using titles.
This works, but not if the gallery page is within an index page. Do you experience this? Is there a workaround? Any help would be greatly appreciated.
Hey David, what’s your website URL? The code might take a slight modification that needs to be made depending on template or type of usage.
Hi Vigasan,
You have a solution for the line brake on the product title on squarespace?
Hey Juan, you can modify the code to work for product titles as well but it causes some problems. For example, on meta fields, it includes the code. So Google/Facebook will have your product title with code in it which looks very messy.
How can I modify it to work with product titles?
Hey Juan, you’ll need to replace “.image-slide-title” with whatever class your product titles have.
Hi Vigasan, my URL is http://www.davidplattart.com I’m trying to put a line break in gallery titles. The gallery is within an index page and I’m having no luck
Hey David, you’re adding the code the the parent index right? Not the subpage within the index?
Thanks so much for this code! Works great, except that some of my titles are not appearing in the summary block (you can see all the titles with the HTML tags when editing the page, but then half of them go away when saving and they show formatted). Any idea what’s going on? The website is https://www.seamusjking.com/#featured-articles, and I put the code in the footer via code injection. Thank you in advance!
Hey Arna, did you get this resolved already?
I ran into a problem where the code stops working if I refresh the page. Is there a solution for this?
Hey David, that usually happens if AJAX LOADING is enabled in DESIGN > SITE STYLES.
I am using the Avenue template which does not have AJAX loading? Or is there a way to manually disable it?
Just used this and it’s amazing! Thank you!
You’re absolutely welcome 🙂