zackpyle

This is a download to make a Hero section on your pages using Beaver Themer and ACF.

- Steps to install -

1. Download this whole Gist as a zip and extract
2. Import the Hero Field Group (acf-hero-fields.json) into ACF (/wp-admin/edit.php?post_type=acf-field-group&page=acf-tools) - I like to exclude my Homepage for this fieldgroup as my homepage always has a custom hero section
3. Paste the function for adding the body class (hero-bg-body-class.php) into your functions.php file or snippet plugin, leaving out the <?php at the beginning of the file
4. Paste the hero styles CSS (hero-styles.css) into wherever you are writing your CSS (styles.css, customizer, BB Global CSS, etc)
5. Use Wordpress importer (/wp-admin/import.php) to import the Themer Part (hero-themer-part.xml). Same as the ACF field group, I like to exclude my Homepage from this Themer Part as it always gets a custom hero
6. Open the Themer Part with BB and edit the Row settings. For the Background Photo section, click on the wrench to set

zackpyle

This is a collection of my most used or most useful PHP and JS snippets
**Disclaimer, I didn't write most of these - I just curated them over the years**

carlosonweb

/**
 * First, you need to setup this CSS 
 *******************************************
       .fl-sticky {
          position: fixed  !important;
          width: 100%  !important;
          left: 0  !important;
          top: 0  !important;
          z-index: 9999  !important;
          border-top: 0 !important;

tlctara

/* This code hides the column headers when they are a sub-menu item */
.fl-menu .sub-menu .fl-has-submenu-container {
	display:none;
}

/* This code styles the images and intro text in the mega menu */
.menu-image a {
	visibility: hidden;
	margin-top: -20px!important;
}

neilgee

/* Content Slider
 * Set Opacity Bg on text 100% wide to overlay image - then position text with fl-slide-title and fl-slide-text
---------------------------------------------------------------------------------------------------- */
@media (min-width:768px) {
	.hero-slider-row .fl-slide-2 .fl-slide-title,
	.hero-slider-row .fl-slide-2 .fl-slide-text {
		width: 65%;
		margin: 0 auto !important;
	}

seothemes

<?php
/**
 * Template Name: Page Builder
 *
 * This file adds the page builder template to the Genesis Starter theme.
 * It removes everything in between the header and footer leaving
 * a blank template that is compatibale with page builder plugins.
 *
 * @package      GenesisStarter
 * @link         https://seothemes.net/genesis-starter

psahalot

.bb-custom-button-1 {
    letter-spacing: 2px;
}

.bb-custom-button-1 a.fl-button {
    border-width: 3px !important;
}

.bb-custom-button-1 a.fl-button:hover {
    background-color: transparent !important;

salcode

2017 WordCamps Near Me

WordCamp Lehigh Valley

WordCamp Lehigh Valley Website

Date

August 19, 2017

blogjunkie

<?php

add_filter( 'fl_builder_settings_form_defaults', 'wpbw_default_color_button_module', 20, 2 );
function wpbw_default_color_button_module( $defaults, $type )
{
	if( $type == "button-module" )
	{
		$defaults->bg_color 		= "f59120";
		$defaults->bg_hover_color 	= "808080";
		$defaults->text_color 		= "ffffff";

tripflex

<?php

function smyles_custom_listify_listing_data( $data ) {
	
	// Set price key to value from get_custom_field (if there is a value).
	// This will allow you to use {{{ data.price }}} in /templates/tmpl-map-popup.php file
	if( $price = get_custom_field( 'price', $data['id'] ) ){
		$data[ 'price' ] = $price;
	}