Skip to content

Instantly share code, notes, and snippets.

  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
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 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment