portseif

// This gist is now maintained on github at https://github.com/luetkemj/wp-query-ref

<?php
/**
* WordPress Query Comprehensive Reference
* Compiled by luetkemj - luetkemj.github.io
*
* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters
* Source: https://core.trac.wordpress.org/browser/tags/4.9.4/src/wp-includes/query.php
*/

portseif

//Get the Custom Post Type
// -1 means we get all the posts type.
<?php 

$things = get_posts(['post_type' => 'CPT','posts_per_page' => -1]);
//Start with 0 calories
$total = 0;
//Then Loop through all the posts in your CPT
Foreach($LotsofPosts as $singlePost): 
    //well grab the calories from each post

portseif

/*Put this in the header*/
html{visibility: hidden;opacity:0;}

/*Put this in the footer*/
html {
    visibility: visible;
    opacity: 1;
}

portseif

//PHP Custom Code - plugins loaded
if ( function_exists( 'acf_add_options_page' ) ) {

    acf_add_options_page();

}

function tct_field($field_name) {
    return get_field( $field_name, 'option' );
}

portseif

function wpgb_wc_related_products( $query_args, $grid_id ) {

    global $product;

    // If it matches grid id 1, we set related product IDs.
    if ( 1 === $grid_id ) {

        $query_args['post_type'] = [ 'product' ];
        $query_args['post__in'] = wc_get_related_products( $product->get_id(), 8, $product->get_upsell_ids() );

portseif

::-webkit-scrollbar {
  width: 8px; 
}
::-webkit-scrollbar-button {
  width: 8px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #eee;
  border: thin solid lightgray;

portseif

/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
 
@media all and (min-width: 768px) and (max-width: 1024px) { }

portseif

document.addEventListener("DOMContentLoaded", function () {
  jQuery(function ($) {
    $(document).scroll(function () {
      if ($("#header").hasClass("elementor-sticky--effects")) {
        // active
        console.log("active");
        $("#header").animate({
          "left": 0,
          "width": "100%",
          "justify-content": "center"