Style 7.1 Gallery Captions

On 12/17/2020 at 10:54 PM, tuesdayroo said:

Hi @tuanphan - sorry try the below:

password: hello

Thank you - appreciate your help!

It looks like you solved?
Also, I see footer logo looks huge on mobile. You can add this to Custom CSS to resize it.

/* resize footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1608237464377_37519 {
    width: 50%;
    margin: 0 auto;
}
}

Adding on to this. I'm trying to have the captions in a gallery block include a header, a paragraph and a link (with different fonts for header and paragraph, but following my site-wide fonts for these). 

I'm working on a "team" page and want to include people's names and bios, as well as a link to their LinkedIn or whatever. So, for example.

Ange F.
Ange is very cool and blah blah blah. You can find her online at blahblah.com. 

Any ideas? @tuanphan? 

Thank you! 

On 5/1/2021 at 8:50 PM, angefriesen said:

Adding on to this. I'm trying to have the captions in a gallery block include a header, a paragraph and a link (with different fonts for header and paragraph, but following my site-wide fonts for these). 

I'm working on a "team" page and want to include people's names and bios, as well as a link to their LinkedIn or whatever. So, for example.

Ange F.
Ange is very cool and blah blah blah. You can find her online at blahblah.com. 

Any ideas? @tuanphan? 

Thank you! 

Edit image in Gallery >> paste this code into description

<h3>Angel F.</h3>
<p>Information information <a href="https://google.com">Read more</a></p>

Hi @tuanphan. I've been looking at all the various code you have provided for folks who need your help, and have tried adding it to the site I'm working on, but with no luck. I simply need to have a caption overlay on the three images in an image grid I have. Are you able to help? I'm surprised this is no longer an option with 7.1. The site address is: https://carnation-goose-bl4x.squarespace.com. Password is: zxcv.

Would so appreciate your help if you feel like assisting one more person!

Actually meant to leave this comment on this thread:

22 hours ago, WillP said:

Hi @tuanphan. I've been looking at all the various code you have provided for folks who need your help, and have tried adding it to the site I'm working on, but with no luck. I simply need to have a caption overlay on the three images in an image grid I have. Are you able to help? I'm surprised this is no longer an option with 7.1. The site address is: https://carnation-goose-bl4x.squarespace.com. Password is: zxcv.

Would so appreciate your help if you feel like assisting one more person!

Actually meant to leave this comment on this thread:

 

Which page are you referring to? I don't see them on main page

Hmm, they are on the main page (see new screenshot). But I have continued working on this and now am just needing help getting the image caption MORE into the bottom left of the image. Here is the code I'm using but it doesn't seem to cause the title to be quite as much in the bottom left as I would like/as it should be. Any thoughts. Thank you for your help!

.design-layout-poster .image-card-wrapper {
    justify-content: flex-start !important;
    align-items: flex-end !important;
    padding: 0px; 
}

@tuanphan

19 hours ago, WillP said:

Hmm, they are on the main page (see new screenshot). But I have continued working on this and now am just needing help getting the image caption MORE into the bottom left of the image. Here is the code I'm using but it doesn't seem to cause the title to be quite as much in the bottom left as I would like/as it should be. Any thoughts. Thank you for your help!

.design-layout-poster .image-card-wrapper {
    justify-content: flex-start !important;
    align-items: flex-end !important;
    padding: 0px; 
}

@tuanphan

 

 

Use this CSS code

body.homepage .image-card.sqs-dynamic-text-container {
    padding-bottom: 5px !important;
}