Adding captions to your Gallery Squarespace is a great way to add personality and context to your photos. There are two ways to add captions to your gallery: by using the Caption field in the Gallery Settings panel, or by editing the HTML code of your gallery.
To add a caption using the Caption field, first open the Gallery Settings panel. Then, select the image you want to add a caption to and click the “Edit” link. In the Image Settings panel that appears, enter your caption text in the “Caption” field.
If you want more control over the appearance of your captions, or if you want to add captions to multiple images at once, you can edit the HTML code of your gallery. To do this, open the Code Editor and navigate to the page containing your gallery. Then, find the section of code that looks like this:
<div class="sqs-gallery-design">
</div>
Inside that section of code, you’ll see a series of <img> tags, each one corresponding to an image in your gallery. To add a caption to an image, add the following code immediately after the <img> tag for that image:
PRO TIP: If you’re thinking about adding captions to your Squarespace gallery, think again! This seemingly simple task can actually be quite tricky, and if you’re not careful, you could end up with some wonky-looking text. So, before you start adding captions, take a look at this tutorial and familiarize yourself with the process. Otherwise, you might just want to leave the task to a professional.
<p class="image-caption">Your caption text here</p>
You can style your captions using HTML tags such as <b> (bold) and <u> (underline). For example, if you wanted all of your captions to be bold and underlined, you could add the following code to the beginning of your gallery’s HTML code:
<style>
.image-caption {
font-weight: bold;
text-decoration: underline;
}
</style>
6 Related Question Answers Found
As anyone who’s ever scrolled through Instagram knows, a good caption can make or break a post. The same can be said for photos on your website. That’s why Squarespace allows you to add captions to images in Gallery Blocks.
Adding captions to gallery images in Squarespace is a great way to add some context to your photos and make them more engaging for your readers. There are a few different ways to do this, depending on how you want your captions to appear. One option is to add captions directly to your images using the built-in image editor.
To edit a gallery caption in Squarespace, follow these steps:
In the Home Menu, click Pages. Hover over the page with the gallery you want to edit, then click the Edit button. Click the Gallery block.
There are a few ways to add text to gallery squares on a Squarespace website. One way is to use the built-in text editor. To do this, simply click on the gallery square you want to add text to and then click on the “Edit” button in the top-right corner of the page.
You can add text to a gallery section in Squarespace by going to the Design tab and selecting Custom CSS. Enter the following code into the Custom CSS box:
.gallery-item-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
.gallery-item-caption p {
/* This will style the text inside the caption */
margin: 0; /* This will remove the default margins */
font-size: 16px; /* This will change the font size */ }
}
/* You can also add a link to each image caption */ .gallery-item-caption a {
color: #fff; /* This will change the link color */
text-decoration: underline; /* This will add an underline to the link */ }
}
Save your changes and you should now see text captions on your gallery images! . You can style the text inside the caption by using CSS.
Adding a title to a gallery in Squarespace is simple and only requires a few steps. Once you’ve logged in to your account, go to the “Pages” tab and select the page that contains the gallery you want to add a title to. Click on the “Edit” button for that page, and then click on the “Gallery” icon in the left-hand sidebar.