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>


<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 */ {
padding: 0;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
} {
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


Please sign in to leave a comment.
Powered by Zendesk