Photo Credit -- how to add directly below banner?

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!

Yes, Custom code.

But difficult to help without site url.

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 🙂

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

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.

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?

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?

Sorry!

Wrong link. This one here:

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

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;
}

perfect!! Thank YOU

Hi @tuanphan

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

Thank you!!

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;
}

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

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;
}

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

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;
}

Hi,

I'd like to add photo credits to carousel gallery images, is this possible?

www.ourdepartment.co.uk

Best

SImon

On 5/3/2023 at 8:37 PM, SWJS said:

Hi,

 

I'd like to add photo credits to carousel gallery images, is this possible?

www.ourdepartment.co.uk

 

Best

SImon

Where is carousel? and same credit for all images or different?

I think the credit has been inserted?

Hi! I'm trying to add a photo credit to the headshot on my website. Something minimal and would look nice. I see that you were helping some people, and wondering if you could help me. Here is my website: https://www.janicellamoca.com/

Please and thank you so much!

On 9/12/2023 at 1:56 PM, mocamoca said:

Hi! I'm trying to add a photo credit to the headshot on my website. Something minimal and would look nice. I see that you were helping some people, and wondering if you could help me. Here is my website: https://www.janicellamoca.com/

 

Please and thank you so much!

You mean top banner image on homepage? Use this CSS code (Website > Page > Website Tools > Custom CSS)

section#headshot:after {
    content: "photo credit";
    position: absolute;
    right: 5vw;
    bottom: 2vw;
    font-size: 20px;
    color: white;
    z-index: 99999;
    display: block;
}

Hi there,

this is so awesome that you are helping out all these people. If you have time, would you be able to help me out as well? I'd like to credit the photographer in a small font underneath the photo on my contact site. Thank you and much appreciated! https://nathalie-king.com/contact-nathalieking

On 3/2/2024 at 7:22 AM, NK12345 said:

Hi there,

this is so awesome that you are helping out all these people. If you have time, would you be able to help me out as well? I'd like to credit the photographer in a small font underneath the photo on my contact site. Thank you and much appreciated! https://nathalie-king.com/contact-nathalieking

Use this CSS code (Website > Website Tools > Custom CSS)

body#collection-65dd75bf32e9d23f042c250e .banner-thumbnail-wrapper:after {
     content: "photo credit" !important;
    position: absolute;
    right: 5vw;
    bottom: 2vw;
    font-size: 20px;
    color: white;
    z-index: 99999;
    display: block !important;
}