Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Creating vertical lines in between content blocks or columns



Site URL: https://tangerine-iguana-kwg3.squarespace.com/

Hello there, I'm attempting to add vertical lines to certain sections within my site, however it's proving difficult to do so. Anyone can help with custom coding on this one? I found some codes online, however the height of the vertical line doesn't follow the height of the block/ column upon scaling to different screen sizes. Ideally it would meet the horizontal lines above / below it or at the least have a consistent spacing in between them.

Would love to see if there is a solution to this. 

Site URL:


Password: MaintainS134!

The section I'm hoping to address is in the About section. 


Screen Shot 2020-10-29 at 7.14.33 AM.png

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

Hi @tuanphan - apologies! I somehow missed your response. 

Of course, here is the page I'm looking to solve for

Additionally, I'm looking to do the same for the Classes section:

Which includes more blocks as well as a 3 column grid within the price section. If you could help in understanding how to potentially solve for this, that would be so helpful, I've been searching all over for how to code vertical lines between blocks 🙂

Thanks Tuanphan!

Screen Shot 2020-11-13 at 8.13.25 AM.png

Screen Shot 2020-11-13 at 8.21.53 AM.png

Edited by Sera
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...