by the way – nice sideeffect is that you can group images in different color-sections with that method.

if you have images inside a text-block element – you can edit those images. Insert then into the link css class field – your group-x you like

by this case you had to add on the code above one line – because the class: group-x goes directly to the lightbox-added class – so there is no space between the classes – both are on the same anchor.
( on the image alb the group class is on the parent element )

        $('.lightbox-added').each(function(index, element){
          	$('.group-'+index+' .lightbox-added').attr('data-group', index);
		$('.group-'+index+'.lightbox-added').attr('data-group', index);
	});

see again on the bottom of the test-page: https://webers-testseite.de/lightbox-grouping/

but your video is not a self hosted one?

all those alb element do have names – it is easy to mention that? Fullwidth Sub Menu

And no – you didn’t explain it not well – you did explain it wrong : because

My menu is a mega menu and to make it multiple columns, I checked “This column should start a new row” checkbox on one of my menu items

As described above not that mark in “start a new row” checkbox indicates a new column. A column is a column – and a row a row.

But sorry to say that – then you have to wait for the mods to look in here – because as a participant I can’t see the private content.

Well it will be best to see the page it concerns.
If the other images have no link to the lightbox – they are not in the gallery – see here – only the one on the left bottom corner has lightbox link.
https://webers-testseite.de/images-with-no-link/

but if you have more links to lightbox – you only can state lightbox groups for the lightbox gallery.
( or put them in different color-sections will do the jop too)
you can put this to your child-theme functions.php:
( pay attention the code is site specific set to page ID: 123456 – you had to input your page-id on that )

// group images for lightbox galleries with custom-class:  (group-1, group-2 etc)
function handle_lightbox_groups_in_gallery(){
if(is_page(123456)){
?>
<script>
(function($){
    $(window).load(function() {
        $('.lightbox-added').each(function(index, element){
          $('.group-'+index+' .lightbox-added').attr('data-group', index);
        });
        var groups = {};
        $('.lightbox-added').each(function() {
          var id = parseInt($(this).attr('data-group'), 10);
          if(!groups[id]) {
            groups[id] = [];
          }
          groups[id].push( this );
        });
        $.each(groups, function() {
          $(this).magnificPopup({
              type: 'image',
              mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded',
              closeOnContentClick: false,
              closeBtnInside: false,
              gallery: { enabled:true }
          })
        });
    });
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'handle_lightbox_groups_in_gallery');

to prepare your groups then – you have to give to each image alb element the custom-Class: group-1, group-2 etc.

see here – allthough these images are in the same color-section – they open in two seperated galleries.:
https://webers-testseite.de/lightbox-grouping/

PS : i would take for min-width on enfold always the even numbers
and: for max-width the odd numbers.
All definitions on Enfold css follow that setting – especially those on 768 and 990
so maybe better to use that switch point for your setting too.

@media only screen and (min-width: 768px) {
	div.phone-info a {color: #fff !important; }
	#header.header-scrolled div.phone-info a { color: #000 !important }
}

You can do it with jQuery in child-theme functions.php – if you like to do that on some pages only
if you like to insert on all single post something it might be better to edit the alb it concerns ( f.e. the index-loop.php) file and have then a child-theme alb element.

Yes – you are right – i didn’t realize that – because i do allways selfhost my fonts.
For google ( youtube and maps ) scripts – they are probably only loaded conditionally, right?
But nevertheless that would be a nice idea to only load essential scripts etc.

there is the code-snippet on the documentation: Link that may help you – to decide on the alb itself.

put the snippet to your child-theme functions.php:
( on my point of view it is enough by the function itself to overwrite a plugable function on parent-theme )

// this will insert on the given allowed elements some new Options for sorting 
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;
}
// end of new options on sorting 

Under the filters – you will have then :

– yes – and the direct link to it is: https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-

Hey Mike – when will the next update be issued?

Füge mal spasshalber diesen Code in dein Quick CSS und schau was mit der Seitenleiste dann passiert:

#top.page-id-6292 {
    overflow-x: visible;
}

.page-id-6292 #wrap_all {
    overflow: visible;
}

@media only screen and (min-width: 767px){
	.page-id-6292 #after_full_slider_1 .container {
	    display: flex;
	    flex-flow: row nowrap;
	    justify-content: space-between;
	    align-items: flex-start;
	}

	.page-id-6292 #after_full_slider_1 .container .sidebar {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 20px;
		align-self: flex-start;
	}
}

• This reply was modified 4 years, 12 months ago by Guenni007.

Can you link to that demo page please?

yes – that is as you said above the same tree structure of folder. So put in your edited alb file to the shortcodes folder. The code above reflects exactly that structure.
For a lot of other child-theme files this will be enough ( like you tried before ) most of the php files f.e. to have your own child-theme loop-index.php. Just put it in the child-theme includes folder. There is no need to have a code snippet like the one above.
For js files there had to be new loading snippets ( de-register the parent-script – enqueue the new child-theme script) – f.e. avia-snippet-sticky-header.js file to have your own header shrinking etc. pp

yes because it is not that ID:

.page-id-103 .avia-slideshow-arrows {
    display: none;
}

try first without !important. if it does not work set it to important.