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%);
}