Jump to content

Adding photo credits to block images and gallery images

Recommended Posts

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

Website: Tales By Daniel

Password: asdfg12345


I would like to add photo credits to images for block images, gallery images and others.

Using past forum Q&A I have been able to insert captions into background images. However I have had no success for block images. This is the code I have been using for the image on the page The Kingdom of Juliana.

#block-yui_3_17_2_1_1659866866765_197325 .image-inset:after {
    content: "iStock/Aleš Krivec";
    display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0.5rem 1.4rem;
      font-size: 14px;
     opacity: 0.6;

And is there a means of adding captions to each image in the gallery? And can this be done for the images in the body of the main page, which do not have a block ID.



Body pics.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

#1. Use this new code

div#block-yui_3_17_2_1_1659866866765_197325:after {
    content: "iStock/Aleš Krivec";
    text-align: right;

#2. With gallery image, just edit Gallery Section > Enable Caption, then edit images >> Add text in Description box

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.