Jump to content

7.1 Slideshow Caption Text - Remove Padding / Margin

Recommended Posts

  • Replies 14
  • Created
  • Last Reply

Top Posters In This Topic

On 3/4/2021 at 10:56 PM, TVB said:

Site URL: https://savelocalwestport.squarespace.com/

https://savelocalwestport.squarespace.com/

password: slw

We want to have the text be full width below the slideshow, remove padding / margin. 

@tuanphan

Screen Shot 2021-03-04 at 10.53.31 AM.png

Add to Design > Custom CSS

/* Slide caption fullwidth */
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow {
    width: 100% !important;
    min-width: unset !important;
    max-width: 100% !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 3/10/2021 at 9:37 PM, TVB said:

@tuanphan thank you!!

I see this small problem on mobile.

You can add this to Design > Custom CSS to fix state/province text

/* state province text */
@media screen and (max-width:767px) {
.state-province span.caption-text {
    white-space: nowrap;
}
}

image.thumb.png.7aa826ac9ee7d65610fb0611ce37ed39.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 4/7/2021 at 4:25 PM, brightbarboston said:

hi! Right at the top of my homepage! Do you see it?

 

Add to Design > Custom CSS> Then save & reload your site

/* mobile slide */
@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 30vh !important;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
2 hours ago, ElizabethM said:

Different CTA + different text for image + different links 

You can enable Slide caption >> Edit Images >> Add this in Description box

Headline <a href="https://google.com">Button</a>

(Add this for 1 or 2 images), then let me know. I will continue testing some code

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...

Is it possible to have more text show up in the caption container?

There is about a paragraph or two in the caption, but only 3 sentences show up.

I've tried some other code, but it only seems to move the text around, always being cut off when underneath the image. 

I need the text to be inside the caption box, because each image in the slider has different text. We want it to change as people click through the images.

https://chesapeakeheartland.org/an-african-in-america-1800

Link to comment
21 hours ago, jrc623 said:

Is it possible to have more text show up in the caption container?

There is about a paragraph or two in the caption, but only 3 sentences show up.

I've tried some other code, but it only seems to move the text around, always being cut off when underneath the image. 

I need the text to be inside the caption box, because each image in the slider has different text. We want it to change as people click through the images.

https://chesapeakeheartland.org/an-african-in-america-1800

The url doesn't exist. Can you check again?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.