Styling H2 element - line under text

Hi ~

I’ve been trying to determine how to style a header much like the header’s in the non-profit demo:

I’m trying to replicate the “line” under the header text.

Since I’m running Pro versions, I can’t install the demo content on any of my sites right now.

– PROBLEM SOLVED –

Two bits of css:

H2.header {
color:#F4A225;
margin-top:0px;
}

H2.header:after {
content:’ ';
position: absolute;
top:100%;
left:50%;
width: 100px;
border:2px solid #DAF0ED;
border-radius:4px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
transform:translateX(-50%);
}

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Peer to Peer Forum (no official support provided here).

Design & Development, Marketing & Media, and Hosting & Optimization are for discussion with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.