Jump to content

Add Line Below Gallery on Flatiron

Recommended Posts

  • Replies 6
  • Views 925
  • Created
  • Last Reply

Try

.sqs-gallery-container.sqs-gallery-block-slideshow {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

Then tweak the line thickness, style and colour as well as the padding. 

 

Options for visible border line styles are:

  • dotted
  • dashed
  • solid
  • double
  • groove - 3D grooved border
  • ridge - 3D ridged border
  • inset - 3D inset border
  • outset -  3D outset border

If this resolves your problem, please hit like and also vote it up.

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

Link to comment
On 10/8/2019 at 12:18 AM, bcoffey said:

Could it be as simple as adding a line from the plus menu and dragging it where you want it?  I've done it on my site at various spots on my gallery page.  Thoughts? 

www.bryantcoffey.com/work

B

Thank you, Bryant! For Pages that would definitely work, but I'm looking to add to either Galleries or implement the change using Site Styles, I haven't seen a way to add a Line using the cms tool in those areas. Do you know if that's possible?

Link to comment
On 10/8/2019 at 12:57 AM, colin.irwin said:

Try


.sqs-gallery-container.sqs-gallery-block-slideshow {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

Then tweak the line thickness, style and colour as well as the padding. 

 

Options for visible border line styles are:

  • dotted
  • dashed
  • solid
  • double
  • groove - 3D grooved border
  • ridge - 3D ridged border
  • inset - 3D inset border
  • outset -  3D outset border

If this resolves your problem, please hit like and also vote it up.

Thank you so much, Colin! Tried the CSS but it didn't produce a result on the site.

Link to comment

How about...

#project {
  
  border-bottom: solid;
  
  }

#project .gallery {
  
  margin-bottom: 20px;
  
  }
 

...in the Custom CSS? I haven't tested it extensively but it's a place to start. You may want to fiddle with the margins to balance the spacing. 

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
On 10/10/2019 at 2:16 AM, piccadilley said:

Thank you so much, Colin! Tried the CSS but it didn't produce a result on the site.

Are you talking about gallery blocks or project galleries?

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

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