Follow

Add dividing lines to separate header info from details

On both the single location and single event formatting sections, call a dividing line to visually separate the header from the detail sections.

<hr class="style-eight" />
<h3>Event Details</h3>

and

<hr class="style-eight" />
<h3>Upcoming Events at this Venue</h3>

 

Save this custom CSS to the style.css file: 

/* Glyph, by Samantha Sand at Digital Pen Studio */

hr.style-eight {
padding: 0;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
}
hr.style-eight:after {
content: "§";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
/background: white;
background: none;
}

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk