Text Style with Horizontal/Vertical Lines

Description

adding horizontal/vertical lines between text in Text Block
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. First, add a Text Block with symbol: @@

#1.2. Hover on Page where you use Text Block > Click Gear icon

#1.3. Click Advanced > Paste this code

If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1

<!-- 08.26c19v3 Text Style with Horizontal/Vertical Lines -->
<script>
window.TextSectionLinesConfig = {
  selector: '.sqs-html-content',
  marker: '@@',
  columns: 2,
  mobileColumns: 2,
  enableMobile: true,
  lineColor: '#C9C6BD',
  lineThickness: 1,
  gutter: 28,
  topGap: 16
};
</script>
<script src="https://code.beaverhero.com/textblock/0826c19v4textwithhorizontalverticalline.js"></script>

#2. Customize

#2.1. To change line color, change line 09

lineColor: '#C9C6BD',

#2.2. If you need to tweak more you can use this AI Assistant (designed for Squarespace sites)

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can add a Markdown Block under Text Block

Then add this code into Markdown Block

<script>
window.TextSectionLinesConfig = {
  selector: '.sqs-html-content',
  marker: '@@',
  columns: 2,
  mobileColumns: 2,
  enableMobile: true,
  lineColor: '#C9C6BD',
  lineThickness: 1,
  gutter: 28,
  topGap: 16
};
</script>
<script src="https://code.beaverhero.com/textblock/0826c19v4textwithhorizontalverticalline.js"></script>