John Paul II - Louisville, KY

Homepage: Navbar/Hero Image (Gradient)

Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.

Comments & Events

Kyle Sullivan, Web Development at Diocesan
This took quite a bit of experimentation, but here are the main components.
#masthead .header {
position: absolute;
top: 48px;
width: 100%;
z-index: 100; }

.heroImage::after {
background: linear-gradient(#000, #000 20%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.25) 90%); }
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.