Squarespace 7.1 gallery slide show header transparency

Site URL: https://www.flocdesign.com/home-2

Hi, I would like to have my gallery slide show visible under the header.

Basically I do not want to see the white background in the header, but the slideshow. 

link: https://www.flocdesign.com/home-2

exactly like in the image attached.

Can someone help?

Thank you

Francesca

Thank you! 

I'm trying to do the same thing here with a transparent header with a slideshow gallery on my home page. 

Site: www.studioalphainteriors.com

Could you help me with this?

Thank you.

9 hours ago, atheofanidis said:

I'm trying to do the same thing here with a transparent header with a slideshow gallery on my home page. 

Site: www.studioalphainteriors.com

Could you help me with this?

Thank you.

Add to Design > Custom CSS

body.homepage article section:first-child {
    padding-top: 0 !important;
}

Thank you! That worked!!

On 7/8/2022 at 6:33 PM, tuanphan said:

Add to Design > Custom CSS

body.homepage article section:first-child {
    padding-top: 0 !important;
}

 

Hi Tuanphan, thanks for the code it has also worked on my site and looks great on desktop. However, on mobile I can't get the slideshow images to be responsive and crop to portrait. It remains landscape with a big space underneath. Do you have any suggestions?

Thank you again

On 7/29/2022 at 6:17 PM, emily.revell said:

Hi Tuanphan, thanks for the code it has also worked on my site and looks great on desktop. However, on mobile I can't get the slideshow images to be responsive and crop to portrait. It remains landscape with a big space underneath. Do you have any suggestions?

Thank you again

What is your site url?

On 7/31/2022 at 12:04 PM, tuanphan said:

What is your site url?

https://rust-ferret-h975.squarespace.com/

It is currently unpublished but I can add you as a contributor if thats easiest?

Thank you for your help!

On 8/1/2022 at 10:04 AM, emily.revell said:

https://rust-ferret-h975.squarespace.com/

It is currently unpublished but I can add you as a contributor if thats easiest?

Thank you for your help!

Hi. You can add an access password, then we can access easier.

Hello,

I'd also like to have my hero image under the header, but none of these CSS code work for me. Does anyone know how to do it?

www.rustique.uk

Thanks!

On 1/27/2024 at 1:09 AM, prustique said:

Hello,

I'd also like to have my hero image under the header, but none of these CSS code work for me. Does anyone know how to do it?

www.rustique.uk

Thanks!

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS

[data-section-id="65ad2385dce3ff410f43c2e1"] {
    padding-top: 0px !important;
}
body.homepage header#header {
    background-color: transparent !important;
}

Thank you! It works 🙂 

Hello, I'm trying to do the same here with my page. I tried the texts but not working for me.

here's my site https://www.karollatino.com

Thank you!

On 2/10/2024 at 1:29 PM, MissKiks said:

Hello, I'm trying to do the same here with my page. I tried the texts but not working for me.

here's my site https://www.karollatino.com

Thank you!

I see you figured it out?