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

Vertical Lines between Sections


Roseanna

Question

Site URL: https://www.betterpupsdogtraining.com/obedience

Hi Squarespace Community! 

I need a vertical line between sections.  I added, this CSS but it was overlapping on the mobile view.  Thank you for your help.

PAGE CODE:

<div class="vl"></div>


CSS CODE:

// this is a vertical divider-line
.vl {
border-left: 2px solid #000000; // defines the width, style and color of the line (change the hex code [#303030] to match your site).
  height: 850px; // defines the length of the line.
  position: absolute;
  left: 50%; //move the line to the middle (50% of the page width)
  margin-left: -1px; //half the width of border witdth to ensure the line is precicely centered on the page.
  top: 0;
}

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

Do you have a visual or a mock-up of what you're aiming to achieve?

Specialising in Squarespace CSS and customisation.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

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