Hi 🙂 Thanks for replying! The custom CSS i'm using is face font to inject new font and apply it to H1,H2,P1 etc.
e.g:
@font-face
{font-family: 'TTWolfBold';
src: url('https://static1.squarespace.com/static/62460fa8e5f1bd388b55ba08/t/624b537dd85311372039b05b/1649103741027/TTHoves-DemiBold.woff');}
h1 {font-family: 'TTWolfBold';
color: #202020;}
I've also created a border under one of the sections
e.g.
.vl {
border-left: 4px solid #000000; // defines the width, style and color of the line (change the hex code [#303030] to match your site).
height: 1200px; // 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: -60px;
}