Can I add a title to a gallery section?

Site URL: https://www.sashamiana.co

I would really like to add a title to my gallery section! I've tried using the previous section above it, but the padding is too thick and it looks silly. Please help. 

1 hour ago, SashaMiana said:

Site URL: https://www.sashamiana.co

I would really like to add a title to my gallery section! I've tried using the previous section above it, but the padding is too thick and it looks silly. Please help. 

Do you mean some thing like this? Can you describes more detail about your issue?

No, actually, above the scrolling logos, I'd like to put "Featured Clients"! It is a gallery reel section.

Thank you!!

3 hours ago, SashaMiana said:

No, actually, above the scrolling logos, I'd like to put "Featured Clients"! It is a gallery reel section.

Thank you!!

 

You can try adding to Home > Design > Custom Css

section[data-section-id="616722482bd1ee7450ac2795"]::before {
  content: 'Featured Clients';
  color:#000;
  font-size: 2em;
  display:block;
  width:100%;
  height:80px;
  position: absolute;
  top:0;
  z-index:1;
  margin:auto;
  text-align:center;
  line-height: 80px
}

Support me by pressing 👍 if this useful for you

This is my result

That's amazing!! You are the best. Thank you!

Sorry to hijack this post - I tried the CSS script to add a title to my gallery, which worked great until I tried to resize my browser, and then the title would go to some weird position. Would you know how to fix this@bangank36 ? Thanks in advance 🙂 

9 hours ago, kennyi said:

Sorry to hijack this post - I tried the CSS script to add a title to my gallery, which worked great until I tried to resize my browser, and then the title would go to some weird position. Would you know how to fix this@bangank36 ? Thanks in advance 🙂 

Can you share your site with site-wide password?

15 minutes ago, bangank36 said:

Can you share your site with site-wide password?

Sure, the page is https://kenny.squarespace.com/vfx (no password)

I'm experimenting with your custom CSS here - it works until the browser is resized or in mobile mode (chrome). Also, I wonder if it'd be possible to control the spacing above the title? It looks a bit tight at the moment and I can't find the parameter to change that. Thanks again 🙂

48 minutes ago, kennyi said:

Sure, the page is https://kenny.squarespace.com/vfx (no password)

I'm experimenting with your custom CSS here - it works until the browser is resized or in mobile mode (chrome). Also, I wonder if it'd be possible to control the spacing above the title? It looks a bit tight at the moment and I can't find the parameter to change that. Thanks again 🙂

Kindly replace the old code with the following one to set the title correspondingly

section[data-section-id="626127c40ce3b24fa47ef997"] .content-wrapper:before {
  content: '// selected frames';
  color:#000;
  text-align: center;
  padding: 20px 0;
  font-size: 2em;
}
section[data-section-id="626127c40ce3b24fa47ef997"] .content-wrapper {
  flex-direction: column;  
}

Let me know how it works on your site

22 minutes ago, bangank36 said:

Kindly replace the old code with the following one to set the title correspondingly

section[data-section-id="626127c40ce3b24fa47ef997"] .content-wrapper:before {
  content: '// selected frames';
  color:#000;
  text-align: center;
  padding: 20px 0;
  font-size: 2em;
}
section[data-section-id="626127c40ce3b24fa47ef997"] .content-wrapper {
  flex-direction: column;  
}

Let me know how it works on your site

The title now stay in the same position when the browser resizes! Thanks so much 🙂

One more thing - is it possible to adjust / reduce the gap between the title and the gallery?

Thanks again!

4 hours ago, kennyi said:

The title now stay in the same position when the browser resizes! Thanks so much 🙂

One more thing - is it possible to adjust / reduce the gap between the title and the gallery?

Thanks again!

This space is cause by the adding of the gallery. You can add the following code to reduce the gap

section[data-section-id="626127c40ce3b24fa47ef997"] .gallery-grid {
  padding-top: 0;
}

And modify the padding of the title by change the padding value

https://forum.squarespace.com/topic/206307-can-i-add-a-title-to-a-gallery-section/?do=findComment&comment=544730

1 hour ago, bangank36 said:

This space is cause by the adding of the gallery. You can add the following code to reduce the gap

section[data-section-id="626127c40ce3b24fa47ef997"] .gallery-grid {
  padding-top: 0;
}

And modify the padding of the title by change the padding value

https://forum.squarespace.com/topic/206307-can-i-add-a-title-to-a-gallery-section/?do=findComment&comment=544730

Works like a charm! Thanks so much for all your help!

2 hours ago, bangank36 said:

This space is cause by the adding of the gallery. You can add the following code to reduce the gap

section[data-section-id="626127c40ce3b24fa47ef997"] .gallery-grid {
  padding-top: 0;
}

And modify the padding of the title by change the padding value

https://forum.squarespace.com/topic/206307-can-i-add-a-title-to-a-gallery-section/?do=findComment&comment=544730

Sorry - one last question actually - how would I align the title text to the left of the gallery?

I tried changing the CSS code to "text-align: left;" , but the title then aligns to the left border of the page rather than aligning to the left of the gallery? Would it be possible to do that? Thanks again!

On 4/24/2022 at 12:46 AM, kennyi said:

Sorry - one last question actually - how would I align the title text to the left of the gallery?

I tried changing the CSS code to "text-align: left;" , but the title then aligns to the left border of the page rather than aligning to the left of the gallery? Would it be possible to do that? Thanks again!

 

Do you still need help?

https://kenny.squarespace.com/vfx

I managed to fix it thank you 🙂

Hi there,

Thanks for the great tips. Does this code help for the images to loop through continuously like a carousel? I am trying for that effect but not having luck yet. 

Thanks

On 3/21/2023 at 1:56 AM, PronicCPT said:

Hi there,

 

Thanks for the great tips. Does this code help for the images to loop through continuously like a carousel? I am trying for that effect but not having luck yet. 

 

Thanks

Which code are you referring to?