How to open summary image links in another tab?

Site URL: https://www.spacerants.com/

On the "Listen" section of my home page are twelve buttons (really hyperlinked  images) to various podcasting platforms. Spotify, Stitcher, etc.

For these "buttons" to wrap and scale properly, I must use a "summary" block set to "Grid." Problem is, clicking on the images now opens the link in your current tab, rather than creating a new one.

To solve this I found and deployed this code in the footer:

<script>
  document.querySelector('.sqs-block-summary-v2 a').setAttribute('target', '_blank');
</script>

So far I've succeeded in making the first image in the summary block open its link in a new tab, but every other image still opens the link in the current tab.

I'm guessing a minor change to the existing code will solve this, but I'm in over my head at this point. Help!

Thank you so much bangank36! Works perfectly.

On a website with multiple galleries, how would you update the selector for just one gallery?

On 6/7/2021 at 9:53 PM, bluShiftAero said:

On a website with multiple galleries, how would you update the selector for just one gallery?

replace this class name

Quote

.sqs-block-summary-v2 a

with

Quote

#summary-block-id a

Find summary block id with this tool https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en