Staff Area for Beaver Builder Posts
/* Make Sure to replace my ACF shortcodes with your own*/ | |
[wpbb-if post:featured_image] | |
<div class="pp-custom-grid-post-image"> | |
[wpbb post:featured_image size="large" display="tag" linked="no"] | |
</div> | |
[/wpbb-if] | |
<div class="pp-custom-grid-post-text"> | |
<h2 class="post-title">[wpbb post:title]</h2> | |
<h4 class="post-staff-position">[wpbb post:acf type='text' name='church_information_staff_position']</h4> | |
<div class="grid-post-meta"> | |
[wpbb-if post:acf type='url' name='staff_social_staff_facebook']<a href="[wpbb post:acf type='url' name='staff_social_staff_facebook']"><span class="fab fa-facebook-square"></span></a>[/wpbb-if] | |
[wpbb-if post:acf type='url' name='staff_social_staff_twitter']<a href="[wpbb post:acf type='url' name='staff_social_staff_twitter']"><span class="fab fa-twitter"></span></a>[/wpbb-if] | |
[wpbb-if post:acf type='url' name='staff_social_staff_insta']<a href="[wpbb post:acf type='url' name='staff_social_staff_insta']"><span class="fab fa-instagram"></span></a>[/wpbb-if] | |
[wpbb-if post:acf type='url' name='church_information_staff_email']<a href="mailto:[wpbb post:acf type='url' name='church_information_staff_email']"><span class="fas fa-envelope-open"></span></a>[/wpbb-if] | |
</div> | |
</div> |
.fl-post-grid-post { | |
margin-top: 25px; | |
margin-left: 25px; | |
border-radius: .5em; | |
border: 0px; | |
margin-bottom: 1px; | |
padding-bottom: 0px; | |
height: auto; | |
overflow: hidden; | |
position: relative; | |
transition: box-shadow .7s; | |
} | |
.fl-post-grid-post:hover { | |
box-shadow: 5px 5px 25px 10px rgba(0,0,0,.2); | |
} | |
.pp-custom-grid-post-text { | |
padding: 20px; | |
} | |
.post-title { | |
font-size: 24px; | |
line-height: 26px; | |
margin: 0; | |
margin-bottom: 0px; | |
padding: 0; | |
} | |
.post-staff-position { | |
font-size: 14px; | |
} | |
.grid-post-meta a { | |
text-decoration: none; | |
} | |
.grid-post-meta a { | |
color: #333333; | |
} | |
.grid-post-meta a:hover { | |
color: #000000; | |
} | |
.start-time { | |
text-transform: uppercase; | |
} | |
.fa-clock { | |
padding-left: 5px; | |
} | |
.pp-custom-grid-post-meta a:hover { | |
color: #000; | |
} | |
.pp-custom-grid-post-meta .far { | |
margin-left: 8px; | |
margin-right: 6px; | |
} | |
.pp-custom-grid-post-meta .far:first-child { | |
margin-left: 0; | |
} | |
.post-excerpt { | |
padding-top: 5px; | |
font-size: 12px; | |
color: #000000; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment