Power Pack Content Grid
Remove Current Post
Remove Current Post Filter Works within Layouts of Builder and Sidebar Recent Posts // Remove current post in Post Module and Recent Post Widget on Single Post pages add_filter( ‘fl_builder_loop_query_args’, ‘sogwap_exclude_current_post’ ); add_filter( ‘widget_posts_args’, ‘sogwap_exclude_current_post’ ); function sogwap_exclude_current_post( $args ) { if( is_singular( ‘post’ ) ) { $args[‘post__not_in’] = array( get_the_ID() ); } return $args;…
1 2 Posts
Created with Post List Module. Create 2 columns. Column #1 – 66.66% (contaits post 1), Column #2 – 33.33% (which contains post 2 & 3) Disable all post attributes (excerpt, comments, etc) except image and title. Adjust margins/padding on row, column and module to 0px Here’s the CSS:
Overlapping Modules
Overlapping Modules using Beaver Builder Some Text for Heading Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem…
Background Video
Heading Some Text Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. OUR COMPANY…
My Team Page
My Awesome Team Page I built this Team page using the BB Post (Gallery) Module. I then opened each team member page/post in a lightbox, using the code below which uses magnificPopup which is part of BB. Each team member is created as a single page (post or CPT) using the No Header/Footer template. I…
Full Width Header
Here’s the CSS I used to make this page full width. You will need to change min-width:1024px; to match your main content width. To make it even wider change max-width:90% to max-width:95% @media (min-width:1024px) { .fl-full-width .fl-page-bar .container, .fl-full-width header .container { width:auto; max-width:90%; } }
Force Footer to Bottom
Force Footer to Bottom of Page /* Force footer to the bottom on pages with limited content */ Note: One issue is that the body background color/image shows. On this page it’s the gray area between the content and footer. Here’s the CSS: .fl-page { position: relative; min-height: 100vh; padding-bottom: 60px; /* Should be equal…
Welcome to my BB Sandbox
Welcome to my Sandbox Prepare to get dirty. This site is my sandbox. It is a place for me to build and play, and demonstrate programming functions and a reference for a few code snippets used in various projects. Please note: these demo pages are just that demos, they may not complete or polished. Some…
