Filler Row
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;…
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 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…
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 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…
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 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…
Store Locator Search [wpsl] Choose your Favorite Shop
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…
This post shows a Hero slider with fade in menu