Remove padding around video block

1 hour ago, tuanphan said:

Can you share link to this page? We can check easier

Here's the link - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn

Hope this works! 

On the same page itself, could you also help figure out how I can create an image carousel for this section (Added the image below)?  I want to showcase more photos of the material here. 

15 hours ago, WasteLess said:

Here's the link - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn

Hope this works! 

On the same page itself, could you also help figure out how I can create an image carousel for this section (Added the image below)?  I want to showcase more photos of the material here. 

Your site is private. You can follow this guide to share correct url.

On 3/9/2024 at 7:59 AM, tuanphan said:

Your site is private. You can follow this guide to share correct url.

 

Thank you so much!

Here's the URL - https://koi-conch-a9sr.squarespace.com/config/

The password is - WasteLess 

Really appreciate your help. 

On 3/11/2024 at 1:13 PM, WasteLess said:

Thank you so much!

Here's the URL - https://koi-conch-a9sr.squarespace.com/config/

The password is - WasteLess 

Really appreciate your help. 

 

You mean change image in screenshot to Carousel/or Slideshow layout?

You can use Gallery Block - Carousel

https://forum.squarespace.com/topic/193716-freeshare-71-gallery-block-workaround/?do=findComment&comment=723904

or add 2 sections: Gallery - Text, then I can give you code to make both side by side

Hi! Thank you so much! 
I finally have a carousel. The problem now is adjusting the width of the images. I only want to showcase a single image at a time. Could you please help out with that?

Here's the URL to the page - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn

If you go down to the "The programme includes" section, it's the image carousel with photos of the kids. How do I change the settings so that only one photo appears at a time?

And on the same page right below this section, I have a video block. As you can see, I'm not able to figure out how to curve the edges of the bottom two corners. Could you please help me out? 
 

THANK YOU!!

On 3/14/2024 at 4:10 PM, WasteLess said:

Hi! Thank you so much! 
I finally have a carousel. The problem now is adjusting the width of the images. I only want to showcase a single image at a time. Could you please help out with that?

Here's the URL to the page - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn

If you go down to the "The programme includes" section, it's the image carousel with photos of the kids. How do I change the settings so that only one photo appears at a time?

And on the same page right below this section, I have a video block. As you can see, I'm not able to figure out how to curve the edges of the bottom two corners. Could you please help me out? 
 

THANK YOU!!

Can you disable autoplay? I can check easier

With video, use this CSS code

div#block-yui_3_17_2_1_1709008185199_15912 iframe {
    border-radius: 30px;
}

20 hours ago, tuanphan said:

Can you disable autoplay? I can check easier

With video, use this CSS code

div#block-yui_3_17_2_1_1709008185199_15912 iframe {
    border-radius: 30px;
}

 

I've disabled autoplay. 

Thank you for the code for the video! It works! ☺️

Just now, WasteLess said:

I've disabled autoplay. 

Thank you for the code for the video! It works! ☺️

Could you also give the code for curving the edges of the photo carousel? Thank you!

3 hours ago, WasteLess said:

Could you also give the code for curving the edges of the photo carousel? Thank you!

Also for the curved borders of the video, I have the iframe in 3 other pages. 

Like this one - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn-m8c6b

The code only worked for one of the videos. How can I apply the same style on the videos on the other pages?

Thanks so much!

On 3/17/2024 at 12:19 PM, WasteLess said:

Could you also give the code for curving the edges of the photo carousel? Thank you!

Which photo?

On 3/17/2024 at 4:01 PM, WasteLess said:

Also for the curved borders of the video, I have the iframe in 3 other pages. 

Like this one - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn-m8c6b

The code only worked for one of the videos. How can I apply the same style on the videos on the other pages?

Thanks so much!

Use this new code

div.video-block iframe {
    border-radius: 30px;
}

1 hour ago, tuanphan said:

Which photo?

Use this new code

div.video-block iframe {
    border-radius: 30px;
}

 

Works perfectly! Thank you! 

I still haven't figured out how to increase the width of the photos on this page - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn

And the carousel will be repeated on 3 other pages. Could you help with that please? 

I also want to curve the edges of these photos in the carousel. 

21 hours ago, WasteLess said:

Works perfectly! Thank you! 

I still haven't figured out how to increase the width of the photos on this page - https://koi-conch-a9sr.squarespace.com/programs/training-courses-m94sn

And the carousel will be repeated on 3 other pages. Could you help with that please? 

I also want to curve the edges of these photos in the carousel. 

WasteLess

Which photo?

With carousel edges, use this CSS code

div.gallery-block img {
    border-radius: 30px;
}

51 minutes ago, tuanphan said:

WasteLess

Which photo?

With carousel edges, use this CSS code

div.gallery-block img {
    border-radius: 30px;
}

 

In the screenshot, the photos on the left are supposed to be carousels. I can't figure out how to increase the width of each photo. I disabled the automatic mode so you can see. Right now they are two photos in one container. 

21 hours ago, WasteLess said:

In the screenshot, the photos on the left are supposed to be carousels. I can't figure out how to increase the width of each photo. I disabled the automatic mode so you can see. Right now they are two photos in one container. 

I think you need to change width of Carousel, to make image bigger

Unless increase width of 1 photo, another will be cut off, something like this

div#block-yui_3_17_2_1_1710389808215_30734>.sqs-intrinsic {
    padding-bottom: 90% !important;
}

On 3/20/2024 at 12:53 PM, tuanphan said:

I think you need to change width of Carousel, to make image bigger

Unless increase width of 1 photo, another will be cut off, something like this

div#block-yui_3_17_2_1_1710389808215_30734>.sqs-intrinsic {
    padding-bottom: 90% !important;
}

Thank you so much for all your help! I actually made the padding-bottom as 100% and the photo fit perfectly. I don't know how that worked. 

Could you also help me with something else? 

On the homepage, I have this donation widget (screenshot attached) that I added. There seems to be this extra space below it that I'm not able to get rid of. I inspected it and it says it's a div. I can't seem to figure out how to get ride of the spacing. 

Here's the homepage link - https://koi-conch-a9sr.squarespace.com/

On 3/22/2024 at 12:09 PM, WasteLess said:

Thank you so much for all your help! I actually made the padding-bottom as 100% and the photo fit perfectly. I don't know how that worked. 

Could you also help me with something else? 

On the homepage, I have this donation widget (screenshot attached) that I added. There seems to be this extra space below it that I'm not able to get rid of. I inspected it and it says it's a div. I can't seem to figure out how to get ride of the spacing. 

Here's the homepage link - https://koi-conch-a9sr.squarespace.com/

@tuanphan could you please help me with this?

On 3/27/2024 at 11:36 AM, WasteLess said:

@tuanphan could you please help me with this?

I see you figured it out?

35 minutes ago, tuanphan said:

I see you figured it out?

 

Yes I did! Thank you 🙂

21 hours ago, WasteLess said:

Yes I did! Thank you 🙂

Hi @tuanphan could you please help me out with something?

I have this work page which has our educational programmes. The page - https://koi-conch-a9sr.squarespace.com/programs

If you scroll down, it has our educational programmes listed. Is there a way to turn them into dropdowns in the menubar? Like Sea Change, kNOw plastics etc. 

Please let me know. Thank you so much!

On 4/2/2024 at 11:39 AM, WasteLess said:

Hi @tuanphan could you please help me out with something?

I have this work page which has our educational programmes. The page - https://koi-conch-a9sr.squarespace.com/programs

If you scroll down, it has our educational programmes listed. Is there a way to turn them into dropdowns in the menubar? Like Sea Change, kNOw plastics etc. 

Please let me know. Thank you so much!

 

@tuanphan can you please help me with this?

On 4/2/2024 at 1:09 PM, WasteLess said:

Hi @tuanphan could you please help me out with something?

I have this work page which has our educational programmes. The page - https://koi-conch-a9sr.squarespace.com/programs

If you scroll down, it has our educational programmes listed. Is there a way to turn them into dropdowns in the menubar? Like Sea Change, kNOw plastics etc. 

Please let me know. Thank you so much!

 

WasteLess

https://koi-conch-a9sr.squarespace.com/programs

Page doesn't exist. Can you check it again?

1 minute ago, tuanphan said:

WasteLess

https://koi-conch-a9sr.squarespace.com/programs

Page doesn't exist. Can you check it again?

sorry, here you go - https://koi-conch-a9sr.squarespace.com/our-educational-programmes

password is - WasteLess 

1 hour ago, WasteLess said:

sorry, here you go - https://koi-conch-a9sr.squarespace.com/our-educational-programmes

password is - WasteLess 

Hope you can access it now!

On 4/5/2024 at 5:04 PM, WasteLess said:

Hope you can access it now!

Page still doesn't exist, or you haven't enabled it yet

On 4/7/2024 at 7:47 AM, tuanphan said:

Page still doesn't exist, or you haven't enabled it yet

Oh I'm so sorry. I actually figured it out. 

I could use your help with something else though. 

In this following page - https://koi-conch-a9sr.squarespace.com/ourapproach/seachange

If you go down a bit, you'll see a carousel on the left side (attached the screenshot).

I want to change the arrows to dots that come above the photos (again highlighted in the screenshot). 

Could you please help me with that?