zackpyle

You need a custom layout of images instead of an 'out of the box' gallery layout, but then you still want them clickable inside a lightbox with navigation buttons to go between images while staying inside the lightbox

Requirements:

1. Put your photos in a container/row with ID of #gallery
2. If you're using BB with photo modules, make sure Link Type is set to none in the module settings (not Lightbox)
3. Have magnificPopup enqueued. If you're using BB Theme, you can enable it in Customizer > Content > Lightbox. If not, you can enqueue it yourself
4. line 14 in the js is telling it to look at data-src to get the image URL - this is because I use lazy loading and this is where the URL is stored before loading. If you aren't using lazy loading, change line 14 to item.src = item.el.attr('src');

Customize as you need: https://dimsemenov.com/plugins/magnific-popup/documentation.html#gallery

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

/** TABLE OF CONTENTS
---------------------------------------------------------------------------/


1.0 - Global Styles
  1.1 - General
  1.2 - Selection Highlight
  1.3 - Buttons
  1.4 - Typography
  1.5 - Custom Font Face

chris-castillo-dev

<script>
  var time = new Date();
  var dayOfWeek = time.getDay();

  // Set office opening time to 8:15am
  var startTime = new Date().setHours(8,15);

  // Set office closing time to 4:15pm
  var endTime = new Date().setHours(16,15);
  

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**

riceguitar

.desktop-menu-wrap {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateX(0);
  transition: .3s ease all;
}

.desktop-menu-wrap.open {

riceguitar

jQuery(function($) {

  // Toggles the Open Class so that CSS can take care of animating on and off the canvas
  $('.desktop-menu-toggle').click(function() {
    $('.desktop-menu-wrap').toggleClass('open');
  });
  
});

riceguitar

<?php


// Creates New Nav/Menus
register_nav_menus( array(
	'desktop_large' => 'Primary Large Desktop Menu',
	'desktop_small' => 'Smaller Desktop Menu',
));

// Places the HTML high up into the DOM

verticalgrain

<ul class="social-links">
  <li><a class="social-links__link social-links__link--facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ post.link|e('url') }}&t={{ post.title|e('url') }}" title="Share on Facebook" target="_blank">Facebook</a></li>
  <li><a class="social-links__link social-links__link--twitter" href="https://twitter.com/intent/tweet?source={{ post.link|e('url') }}&text={{ post.title|e('url') }}:{{ post.link|e('url') }}" target="_blank" title="Tweet">Twitter</a></li>
  <li><a class="social-links__link social-links__link--google" href="https://plus.google.com/share?url={{ post.link|e('url') }}" target="_blank" title="Share on Google+">Google+</a></li>
  <li><a class="social-links__link social-links__link--email" href="mailto:?subject={{ post.title|e('url') }}&body={{ post.title|e('url') }}:%20{{ post.link|e('url') }}" target="_blank" title="Send email">Email</a></li>
  <li><a class="social-links__link social-links__link--email" href="https://www.linkedin.com/shareArticle?mini=true&url={{

jesseeproductions

The Events Calendar Custom Fields @3.9

Event Custom Post Type ( tribe_events )
_EventAllDay
_EventStartDate
_EventEndDate
_EventDuration
_EventVenueID
_EventShowMapLink
_EventShowMap