Jump to content

Vertical line next to text block?

Recommended Posts

Hi there. I am trying to create something like in the attached image, except instead of the yellow lines being separate, i would like to have one, single vertical line that spans the height of the text next to it. Can anyone help with this? Thank you!

Screenshot 2024-03-08 at 7.27.35 PM.png

Link to comment
  • Replies 6
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 2 weeks later...
On 3/26/2024 at 8:57 PM, jcny85 said:

Hi there! Sorry for the slow response, and thank you for your help!
Here is the URL: https://www.jconstantino.net/-cv

As you can see, right now I'm only using the. yellow line on one line of text -- that's because I cannot figure out how to achieve what i"m looking for. So thank you again!

Add to these lines?


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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
7 hours ago, jcny85 said:

Yes! I'd like to have one solid line span all 4 rows of text

You can use the block ID for each text block you want to add a line to like this:



border-left:  1px solid #F3C014;



Edited by E-W
Link to comment
  • 2 weeks later...

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.