no debug – just download – and replace ;)

this must have something to do with the new toggle of screenoptions. Previously (4.6.2) it wasn’t like that, but like all elements without toggle containers.
Till it was fixed i copied the 4.6.2 textblock.php to my child-theme

how did you insert the image?
You are in the Advanced Layout Builder ( ALB ) and drag and drop to your layout the image ALB?

• This reply was modified 6 years, 3 months ago by Guenni007.

the class comes to the image ALB.
PS What button – show me please the link to the concerning Element.

I am concerned with the LayerSlider which is integrated here in the Enfold. It’s a principle that the version number unfortunately lags behind the current standalone version number. So that now my customers do not react paranoidly to the red light I fade it out in such a way. With the next update of Enfold it’s time close to the current version.

don’t know if the code above still works for the Enfold 4.6.x generation;
Test it – if not:

since 4.6.2 i use this for same category ( portfolio and post )

add_filter('avf_post_nav_settings','enfold_customization_postnav', 10, 1);
function enfold_customization_postnav($settings){
	$settings['same_category'] = true;
	$settings['is_fullwidth'] = false;
	if( 'portfolio' == $settings['type'] )  { $settings['skip_output'] = false;}
	if( 'post' == $settings['type'] )  { $settings['skip_output'] = false;}
	return $settings;
}

Günter has send me a different code (with more options):

function my_avf_post_nav_settings( array $settings ){
  if( true === $settings['is_hierarchical'] ){
    $settings['skip_output'] = true;
    return $settings;
  } 
  if( ! in_array( $settings['type'], array( 'post', 'portfolio' ) ) ){
    $settings['skip_output'] = false;
    return $settings;
  }
  $settings['same_category'] = true;
  $settings['is_fullwidth'] = false;
  $settings['skip_output'] = false; 
  return $settings;
}
add_filter( 'avf_post_nav_settings', 'my_avf_post_nav_settings', 10, 1 );

the page-id is always directly at #top so no space between ID and its classes:

#top.page-id-1593 .flex_column_table_cell {
box-shadow: 10px 10px 10px #666;
}

by the way Nikko your edited gallery.php shows the custom link – but does not have effect on link behavior.
It is a pitty – because if masonry got this feature it would be nice for gallery too.

i use for the links only images – take what ever you like – and on that image i paste in a youtube link
i wrote a little jQuery script to get the image from youtube itself – but i take for it always the mqdefault.jpg from youtube.
Not all videos got hd preview images.
they are all at: https://img.youtube.com/vi/'+ ID +'/mqdefault.jpg

if you like to change it to :
default.jpg (default size)
mqdefault.jpg (Medium Quality Version)
hqdefault.jpg (High Quality Version)
maxresdefault.jpg (Maximum resolution)

so see the script-file and in use on : https://webers-testseite.de/youtube-videotestseite/

on top there is a masonry gallery with custom (youtube) links : all with watch?v=
on the bottom there are images with custom (youtube) links – dito all with watch?v=

PS: the code on that page is only for that page-id : you had to get rid of that if you like to use it globaly
and: that code field has on top right a copy button

by the way that page offers zip files which you can directly upload to Enfold and have if you whish all web-font formats you need.
On Google you only load ttf files which you had to tranform yourself.
Download the normal weight and the italic weight as seperated zip files.
But my advice is to rename the zip you download. – Because: that file-name will be taken as font-family name.
If you download there f.e. the 900 Font
Montserrat Black : as a black font it will be shown on Enfold as 400 : normal font style of the 900er.
It’s not Enfold, it’s the writing itself. For example, you can open these files with a font editor (Font Lab Studio on Mac), then you can see that the font itself was created that way.
So to have more nomenklatur clearness rename the zip file for Example to Montserra-Black:

This Code has no error – it is copy pasted from an enfold 4.6.2 Installation from my server and it works very well there – but because i have never sit before a PC i did not recognize that there is the jumping scrollbar issue.

The css code ( as mentioned above – without that functions.php snippet to use)
Look: Movie with your site

See example page – tested on both MAC an PC – no scroll-jump! Only different browsers show the scroll-bar – maybe this is possible too to influence.
https://webers-testseite.de/guenni/masonry/

so this is my last trial for now:
it only works for devices not on resize option
this is a one fullwidth-slider only on that page which has the outlook of a fullscreen-slider on desktop devices.
and if it is load on mobile devices it is a full-width slider.

https://webers-testseite.de/guenni/two-sliders-2/
i gave to the fullwidth-slider the custom-class: fullscreen-onbig
there i my page id in the code – adjust it.

function make_background_image(){
if ( is_page(804) ) {  
?>
<script>
(function($){
$(document).ready(function() { 
      var sliderLi = $('html.avia_desktop .fullscreen-onbig .avia-slideshow-inner li');
      sliderLi.each(function() {
        var bgUrl = $(this).find('img').attr('src');
        $(this).css({
            'height'  : '100vh',
            'background-image'  : 'url('+ bgUrl +')',
            'background-size': 'cover',
            'background-repeat': 'no-repeat',
            'background-position': 'center center',
        });
        $(this).find('img').detach();
      }); 
});
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'make_background_image');

https://gtmetrix.com/reports/webers-testseite.de/953lvr7o

Yes – but believe me – this will be a more academic interest now. The resulting page will be less performance then having two sliders with identical images – and setting one from them to display: none. When the images are loaded – they won’t be loaded again for the hidden slider.

please don’t make yourself a slave to such performance tools – they can’t give more than general hints. Some things make sense – others don’t.
I would optimize the pictures first in your place.

you can see here my testsite : https://webers-testseite.de/guenni/two-sliders/
with one slider first.
you see that on making the screen width smaller the slider completely is out of DOM.
And making it bigger it is there again on the same place as before – but all event listeneres are gone – that is the reason why no image is seen in that slider.
So now to manually add the eventliseners again. etc. pp
with two sliders now and on resize.

hm – the idea with the header hook could not work propper – because both sliders are fullwidth elements and would destroy the structure of the header.