Jump to content

Photo Credit -- how to add directly below banner?

Recommended Posts

I'd like to add text directly below my banner image in a small font giving photo credit to the photographer. The space between the bottom of the photo and the first line of text is too large. I contacted support and they said it can only be done through coding. Is anyone able to help with how to code this? Thanks!

Link to comment
  • 7 months later...
On 1/3/2020 at 7:03 AM, tuanphan said:

Yes, Custom code.

But difficult to help without site url.

@tuanphanTaking over Laura's question, could you help me with this for my site? www.chipa.fi I have sent you an email request 🙂

Edited by Rte
Link to comment
  • 4 weeks later...
14 hours ago, NWCPresbytery said:

I have the same question.  Would love some help figuring out how to add a photo credit line beneath our banner photos too.  

Can you share site url? We can check easier.

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
  • 2 weeks later...

I dont understand why noone is posting their URL!?
I happen to have the same question.

website: https://wisteria-panda-z2eg.squarespace.com/staff/warda
pw: rotorrotor

I entered (copyright Eichhorn) as a filename for the image in the image card.
I would like this to display in small font-size right underneath the image (right-aligned).

Is this possible?

Edited by Tonmeister
wrong link
Link to comment
38 minutes ago, Tonmeister said:

I dont understand why noone is posting their URL!?
I happen to have the same question.

website: https://wisteria-panda-z2eg.squarespace.com/
pw: rotorrotor

I entered (copyright Eichhorn) as a filename for the image in the image card.
I would like this to display in small font-size right underneath the image (right-aligned).

Is this possible?

Which image on your site?

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
4 hours ago, Tonmeister said:

Sorry!

Wrong link. This one here:

https://wisteria-panda-z2eg.squarespace.com/staff/warda
pw: rotorrotor

Add to Home > Design > Custom CSS

/* Align right photo credit */
.staffcopyright {
    font-size: 10px;
    text-align: right;
}

 

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
  • 1 year later...
On 2/2/2022 at 1:23 AM, Begona said:

Hi @tuanphan

How can I achieve this for the first photo on my homepage (https://www.cadimat.wine/) ?

Thank you!!

 

Add to Design > Custom CSS

[data-section-id="61828ad3cde8a11cff9587bf"]:before {
    content: "photo credit";
    position: absolute;
    right: 5vw;
    bottom: 2vw;
    font-size: 20px;
    color: white;
    z-index: 99999;
    display: block;
}

 

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
  • 6 months later...
On 9/6/2022 at 11:34 PM, Kellee said:

Hi @tuanphan

How do I put each photos with photo credits on the bottom right side of the images? 

https://groundhog-grasshopper-smcy.squarespace.com/

pw: ashendo

 

thanks

Add to Design > Custom CSS

/* Banner credit */
[data-section-id="62fbd53faed180702281639f"]:before {
    content: "photo credit";
    position: absolute;
    left: 5vw;
    bottom: 2vw;
    font-size: 20px;
    color: white;
    z-index: 99999;
    display: block;
}

 

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
  • 4 months later...
On 1/10/2023 at 6:57 PM, ohjennyjenny said:

Hi! Could you also help me with the code to add a photo credit underneath the first photo (it's black and white)? Thank you so much!

https://www.jennysadre-orafai.com

Solved with this CSS code

div#block-be6e605c8a62fb7bd025 .image-inset:after {
    content: "Photo credit: Jordana Dale";
    display: block;
    margin-top: 10px;
    text-align: right;
}

 

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.