Thanks, Ismael — looks like I added it with the CPT UI plugin (see https://capture.dropbox.com/s1Lk7UWcUheKvgfd), but I also just noticed this block of code at the bottom of my functions file (sorry I missed that the first time). Thanks again and lmk if you have any other questions.

// ADD POST SORT OPTIONS TO ENFOLD ELEMENTS
if(!function_exists('avia_custom_query_extension'))
{
    function avia_custom_query_extension($query, $params)
    {
        global $avia_config;
        if(!empty($avia_config['avia_custom_query_options']['order']))
        {
            $query['order'] = $avia_config['avia_custom_query_options']['order'];
        }

        if(!empty($avia_config['avia_custom_query_options']['orderby']))
        {
            $query['orderby'] = $avia_config['avia_custom_query_options']['orderby'];
        }

        unset($avia_config['avia_custom_query_options']);

        return $query;
    }

    add_filter('avia_masonry_entries_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avia_post_grid_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avia_post_slide_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avia_blog_post_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avf_magazine_entries_query', 'avia_custom_query_extension', 10, 2);

    add_filter('avf_template_builder_shortcode_elements','avia_custom_query_options', 10, 1);
    function avia_custom_query_options($elements)
    {
        $allowed_elements = array('av_blog','av_masonry_entries','av_postslider','av_portfolio','av_magazine');

        if(isset($_POST['params']['allowed']) && in_array($_POST['params']['allowed'], $allowed_elements))
        {
            $elements[] = array(
                "name" => __("Custom Query Orderby",'avia_framework' ),
                "desc" => __("Set a custom query orderby value",'avia_framework' ),
                "id"   => "orderby",
                "type" 	=> "select",
                "std" 	=> "",
                "subtype" => array(
                    __('Default Order',  'avia_framework' ) =>'',
                    __('Title',  'avia_framework' ) =>'title',
                    __('Random',  'avia_framework' ) =>'rand',
                    __('Date',  'avia_framework' ) =>'date',
                    __('Author',  'avia_framework' ) =>'author',
                    __('Name (Post Slug)',  'avia_framework' ) =>'name',
                    __('Modified',  'avia_framework' ) =>'modified',
                    __('Comment Count',  'avia_framework' ) =>'comment_count',
                    __('Page Order',  'avia_framework' ) =>'menu_order')
            );

            $elements[] = array(
                "name" => __("Custom Query Order",'avia_framework' ),
                "desc" => __("Set a custom query order",'avia_framework' ),
                "id"   => "order",
                "type" 	=> "select",
                "std" 	=> "",
                "subtype" => array(
                    __('Default Order',  'avia_framework' ) =>'',
                    __('Ascending Order',  'avia_framework' ) =>'ASC',
                    __('Descending Order',  'avia_framework' ) =>'DESC'));
        }

        return $elements;
    }

    add_filter('avf_template_builder_shortcode_meta', 'avia_custom_query_add_query_params_to_config', 10, 4);
    function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename)
    {
        global $avia_config;
        if(empty($avia_config['avia_custom_query_options'])) $avia_config['avia_custom_query_options'] = array();

        if(!empty($atts['order']))
        {
            $avia_config['avia_custom_query_options']['order'] = $atts['order'];
        }

        if(!empty($atts['orderby']))
        {
            $avia_config['avia_custom_query_options']['orderby'] = $atts['orderby'];
        }

        return $meta;
    }
}

Hmm, I thought I replied to this — guess I got distracted and never hit submit….Anyways! Yes, the filter’s in the functions file and the Event Time snippet’s in the loop-index — both are in the child theme. The example I listed in the original post is no longer valid, since those events have now passed, but here are a couple of other examples: https://gobeyondhomes.org/property/casa-dominguez/ and https://gobeyondhomes.org/property/morgan-place/

Credentials below — thanks, Ismael!!

Thank you so much, but no I’m actually having trouble isolating the issue — I thought I had it pinned, but it seems to be inexplicably switching between working and not working. So, thanks again, but you’re welcome to close this ticket and I’ll reopen it if I can pin down the issue.

So, that’s the default Events Calendar plugin view. As described in my posts, we’re using a separate/additional plugin — the Events Calendar Shortcode & Block plugin (https://eventcalendarnewsletter.com/the-events-calendar-shortcode/) to modify it here: https://gobhdev.wpengine.com/resources/virtual-events/ (why my client wants to do that is a long story). So, you can see the shortcode from the additional plugin in that Virtual Events page (https://capture.dropbox.com/RDsKEy5krZahvdUv). You can see the calendar showing with Twenty Twenty-One activated (https://capture.dropbox.com/QsvbUNfyMySSPCyu) and not showing when Enfold’s activated (https://capture.dropbox.com/xtTOSRJVyb8t8ezk). Thanks and lmk if you have any other questions.

Oh, wow — my bad; somehow I had it in my head it worked on mobile! Thanks, Guenni — you’re amazing, as always — I’m going to pass on it, for now, but it’s good to know I can try your code if I want, someday! Thanks, guys.

@Guenni007, I hate to ask, but would it be too much to ask for a version of this that uses text links instead of the buttons? My client prefers simple text links, like on Gio Aliano, on https://abodedev.wpengine.com/about/our-people — again, feel free to deny my request, here — I could always just style the buttons to look more like links. Thanks!

Oh, cool thanks guys – sorry for the false alarm. I updated chrome and quit/re-launched it and that seemed to do the trick for me. Thanks again!

Thanks, Mike. It looks like anything I add to the page itself ends up way below the code for the popups. I could use the page ID, since that’s in the body, but I’m not sure how @Guenni007 got that class added above the popup code. The page I’m working on is https://abodedev.wpengine.com/about/our-people/. Also, no offense to Guenni, of course, but I do prefer the arrows in the default enfold lightbox — for example, in the lightbox gallery for https://abodedev.wpengine.com/portfolio-item/adams-terrace/ — no one on the Enfold team has put out a way of repurposing this in the way Guenni has?

• This reply was modified 2 years, 5 months ago by sky19er.
• This reply was modified 2 years, 5 months ago by sky19er.

Epic, @guenni007 — you’re the BOMB! FYI, I added a bit of css to pull those arrows a smidge away from the content, on the phone:

.mfp-arrow-left {
    left: -7px;
}
.mfp-arrow-right {
    right: -7px;
}

and some css I often use to unfloat images on the phone:

@media only screen and (max-width: 479px) {
	body .alignright, .entry-content-wrapper a:hover .alignright {
		margin: 5px 0px 10px 0px;
		float: none;
	}
}

So it’s looking pretty good on the phone, now, I think (screenshot https://prnt.sc/Y11GDbpX-DZN)

Thanks again so much!!

Epic — thanks so much, Guenni007!! One last request, if you feel like it (feel free to shut me down on this ;), but I’m wondering if you might know how to add a little fade-in to the popup, just to take the edge off the popup a little. You know what I mean? So the popup doesn’t immediately snap over the screen — so there’s a slightly softer transition? Regardless, thanks again so much!

Thanks, Guenni007, but I’m not trying to make the toggle trigger a popup — I’d like to trigger the popup from a link or button, instead of using toggles for the bios.

And thanks, Mike — that does seem like a viable option — I think I will try that; thank you!

I would still be interested to hear if anyone has a current solution for just using a link or button to trigger a simple popup with content in it…?

Thanks again, everyone.

OMG, thank you so much!! I assumed the titles were being changed by WordPress or that sentence case was somehow the html default, but I didn’t think to deactivate the plugins or test the issue on a different site. Never assume — always test! Turns out it was the Rank Math SEO plugin! There’s a setting in there (Rank Math > General Settings > Images > Change title casing) that was set to Title Casing! Thank you SO much for helping me solve this!!!

Great, thanks!

Is that the desktop css, though? The clear:both in the third column — as shown in my screenshot — would seem to indicate that it’s meant for mobile, and just the column width percentage is wrong, no? Seems like kind of a hybrid. Anyway, I’m including credentials for our dev site, where i’ve already disabled my custom css — you can test using the home page there. Thanks and lmk if you have any other questions!

Sure thing — here you go: https://abodecommunities.org/test-2/