HTML and CSS for Sermon Manager and Beaver Builder custom post layout
.fl-post-grid-post { | |
font-size: 14px; | |
background-color: #fbfbfb; | |
border: none; | |
box-shadow: 0 4px 1px rgba(197, 197, 197, 0.2); | |
background: #f6f6f6; | |
transition: all 0.3s linear; | |
width: 100%; | |
} | |
.fl-post-text { | |
padding: 20px; | |
} | |
.fl-post-title { | |
font-size: 24px; | |
line-height: 26px; | |
margin: 0; | |
margin-bottom: 5px; | |
padding: 0; | |
letter-spacing: 3px; | |
} | |
.fl-post-meta { | |
font-size: 14px; | |
line-height: 16px; | |
margin: 0; | |
margin-bottom: 20px; | |
padding: 0; | |
text-transform: uppercase; | |
font-weight: 600; | |
letter-spacing: 3px; | |
} |
[wpbb-if post:featured_image] | |
<div class="fl-post-image"> | |
[wpbb post:featured_image size="large" display="tag" linked="yes"] | |
</div> | |
[/wpbb-if] | |
<div class="fl-post-text"> | |
<h2 class="fl-post-title">[wpbb post:link text="title"]</h2> | |
<div class="fl-post-meta"> | |
<span class="fa fa-th-list">[wpbb post:terms_list taxonomy='wpfc_sermon_series' separator=', ' linked='yes']</span> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment