Lifestyle Magazine – Header

Can you please tell me how to get this header? https://demo.tagdiv.com/newspaper_lifestyle/category/gadgets/# Block Header 9 is close, but not exact.

Hi Simion,

Thank you so much for your reply. I am using the lifestyle magazine theme. I like the way the category page headers look, and I would like to make my page headers to look exactly the same.

Best,
Jennifer

Hi Simion, thank you for your replay. My site is hidden behind a Coming Soon page, so you will not be able to see it unless you are logged in. What I want is for my page headers to look like the category headers. Here is what the category header looks like for Lifestyle Magazine – https://demo.tagdiv.com/newspaper_lifestyle/category/fashion/ When I create a new page with tagDiv Composer in Lifestyle Magazine theme, how can I make the page header look exactly like the category headers? Thank you!

I actually got it worked out for anyone that may be interested.

HTML Code


<div class="eventsPageHeader"><h1>Featured Events</h1></div>

CSS Code (plugged into the Theme Panel > Custom Code > CSS)


.eventsPageHeader h1 {
text-transform:uppercase;
text-align:center;
font-family: "Work Sans";
font-size: 25px;
font-weight: 500;
line-height: 54px;
margin-top:12px;
}
.eventsPageHeader h1:after {
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
content: '';
display: block;
position: absolute;
width: 80px;
height: 1px;
background-color: #38a6c1;
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='20')";
filter: alpha(opacity=20);
}