Jump to content

Add title/text to Slideshow Reel 7.1

Recommended Posts

So I'm using the fluid editor in 7.1 and I have a gallery (Slideshow: Reel) set up. I want to add text on top of it that indicates what the slideshow is. Can someone help me out? I've tried other codes on here/elsewhere and nothing's working.

Really surprised something so basic isn't included here. 

Edited by mizc
clarity
Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

You can use this CSS code (Website > Website Tools > Custom CSS)

[data-section-id="64ecad55a52b6652d9c08144"] .gallery-reel:before {
    content: "AURA Dance Theatre";
    font-size: 30px;
    margin-bottom: 20px;
    display: block;
    font-family: 'orpheus-pro' !important;
}

Use this tool to find data section id of reel

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

Hi there, I used the above code (which worked—thank you!) but now I've lots the padding  below the reel. Any help? 

https://capybera-springtail-w2tk.squarespace.com/junk-removal pswd: mjk-2023

While I'm here... can you also share how I would add a subhead to the title "Service you can trust"? I would want it using the regular paragraph font from the rest of the site.

Thank you in advance!!!

Edited by scroll70
Link to comment
On 10/20/2023 at 9:19 PM, scroll70 said:

Hi there, I used the above code (which worked—thank you!) but now I've lots the padding  below the reel. Any help? 

https://capybera-springtail-w2tk.squarespace.com/junk-removal pswd: mjk-2023

While I'm here... can you also share how I would add a subhead to the title "Service you can trust"? I would want it using the regular paragraph font from the rest of the site.

Thank you in advance!!!

If different style for 2 texts, will need to use new script code. Do you use Personal or Business or Commerce Plan?

(Another suggestion, you can try List Section Carousel, it has similar layout but you can add title, description without using code)

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 10/27/2023 at 6:43 AM, scroll70 said:

To keep things simpler, I'm not going to use a subhead. The only ask is to add padding below the reel, so the images don't butt up to the next section below it. Thank you in advance!

Add to Website Tools (under Not Linked) > Custom CSS
 

[data-section-id="65327f70a719e63b433bfc68"] .gallery-reel {
    margin-bottom: 100px;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.