Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 Slideshow Caption Text - Remove Padding / Margin


TVB

Question

  • Answers 14
  • Created
  • Last Reply

Top Posters For This Question

14 answers to this question

Recommended Posts

  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 3/30/2021 at 4:01 PM, brightbarboston said:

'hi! I am looking to do same thing on my site but this code wont work!

brightbarboston.com

Hi. Where is slideshow?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
18 hours ago, ElizabethM said:

264835286_Capturedcran2021-04-1317_13_42.thumb.png.032ef6b0ae3c90c0f43e76b912402a93.pngI would like to have this image + text + CTA on a slideshow like below

Thank you for your help  119219844_Capturedcran2021-04-1317_16_30.thumb.png.7811b42242ba9ef7c15edd592821a7e5.png

Same cta for all images in slide, or different cta?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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...