Vertical Line Title
This functionality not only ensures that the displayed year remains current, but it also saves time for website owners who would otherwise have to remember to make these updates annually.
1. Copy and paste the code below into Custom CSS.
/* Squarepaste Vertical Line Title */
.vertical-center {
justify-content: center;
text-align: center;
}
.vertical-separator-begin {
height: 250px;
width: 1px;
background: rgba(0,0,0,0.3);
opacity: 0.3;
margin: 0px auto 60px;
}
.vertical-separator-end {
height: 250px;
width: 1px;
background: rgba(0,0,0,0.3);
opacity: 0.3;
margin: 60px auto 60px;
}
2. Copy & paste the code below into a Code Block.
Edit the “Subheading” and “Heading” text to your liking.
<div class="vertical-center"> <div class="vertical-separator-begin"></div> <div class="title"> <h4>Subheading</h4> <h2>Heading</h2> </div> <div class="vertical-separator-end"></div> </div>
If you found this element to be super useful, give us a follow on LinkedIn or a review on Trustpilot.
Trustscore 3.7
1 Review
