First of all : do not enter the url with ?iframe=true
try that first
it is working with your gallery too ( big image – thumbnails below ) – see example page above.

And this is setting under Advanced Tab?

can you try to use the gallery on link settings as: “use custom link – fall back is image”

click to enlarge the image:

and btw: if you add some attributes after a youtube ID – the first one gets a question-mark – and than all others an ampersand!

________

this list is a bit confusing – that is right.
maybe it will be better if there is:

1) Lightbox active and opens the image link
2) Lightbox active and opens the custom link (fallback is image link)
3) Lightbox is inactive and will open the image link in same browser window
4) Lightbox is inactive and will open the image link in new window/tab
5) no link at all – just gallery

can you try to use the gallery on link settings as: “use custom link – fall back is image”
then insert to that image you try to load the youtube video ( with watch! : https://www.youtube.com/watch?v=qCNu_vJNLMQ ) and insert it on custom-link field.:

And look if that is the way to have it.

are these videos self-hosted ones?
And by the way f.e. vimeo and i guess youtube too offers to save a user defined small sequence ( few seconds ) to save as animated gif. You can download it and use it directly as featured image. Maybe you had to size it to correct dimensions. (ezgif.com is a nice address on that)
But you must show those galleries; masonries etc. with thumbs at no scale – because animation is lost then by recalculated images.

see here : https://webers-testseite.de/masonry/ the gifs post ( this is a post even made with alb)

maybe you can read this: https://kriesi.at/support/topic/beitragsbild-eines-blogbeitrags-automatisch-anzeigen/#post-1198720

and in particular : https://kriesi.at/support/topic/beitragsbild-eines-blogbeitrags-automatisch-anzeigen/#post-1202606

I edited that snippet a bit to more look like the posts not generated with alb:

function avf_template_builder_content_postimage_mod($content = ""){
  if(  is_singular('post') || is_singular('portfolio') && ( '1' != get_post_meta( get_the_ID(), '_avia_hide_featured_image', true ) ) )  {
        $featuredImage = get_the_post_thumbnail( $the_id, 'entry_with_sidebar' );
        $content = '<header class="entry-content-header"><div class="page-thumb">' .$featuredImage. '</div></header>' . $content ;
      }
  return $content;
}
add_filter('avf_template_builder_content', 'avf_template_builder_content_postimage_mod', 10, 1);

but remember – it is only shown if you set the metabox to insert on single post – and try to avoid using full-width elements on those posts. – because otherwise the sidebar (if present) will go under this content.
_______________________

btw.: is that new on the metabox – to have a choice for svg’s ?

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

well – open your image in a browser – just pure: https://artlifestudiosproductions.com/wp-content/uploads/2022/04/On-Stage-Sound-System-Setup2.jpg
and size your browser window to at least that dimension you have in your homepage.
This is not an enfold problem – it is the way browsers do render a resized image
this will be the was your full-size image looks without enfold influence on a firefox browser:

yes – i think that your code above:
jQuery('.fdm-ordering-sidescreen #fdm-ordering-contact-details .fdm-ordering-contact-item').each((idx, x) => {jQuery(x).find('input[name="fdm_ordering_email"]').length == 1 || jQuery(x).find('input[name="fdm_ordering_phone"]').length == 1 ? jQuery(x).hide() : ''; });

is your custom.js file
if you have a child theme – you had to upload that custom.js to your enfold-child/js folder ( on default there is no js folder – create one )

now this snippet comes to functions.php of your child theme and loads that external script.

function add_customjs() {
	wp_enqueue_script( 'customjs', get_stylesheet_directory_uri().'/js/custom.js', array('jquery'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'add_customjs', 100 );

_______

but
1st: in your custom.js file (maybe it is only because you do not use the code function on posting the code) there is a double quote – but it had to be an empty double single quoute:
jQuery('.fdm-ordering-sidescreen #fdm-ordering-contact-details .fdm-ordering-contact-item').each((idx, x) => {jQuery(x).find('input[name="fdm_ordering_email"]').length == 1 || jQuery(x).find('input[name="fdm_ordering_phone"]').length == 1 ? jQuery(x).hide() : ''; });
it is the last: ''

2nd: for such a small script you can insert this directly via your child-theme functions.php without having an external script to upload.
Try this in your child-theme functions.php:

function fdm_ordering_custom_script(){
?>
<script type="text/javascript">
(function($) {
	$('.fdm-ordering-sidescreen #fdm-ordering-contact-details .fdm-ordering-contact-item').each((idx, x) => {$(x).find('input[name="fdm_ordering_email"]').length == 1 || $(x).find('input[name="fdm_ordering_phone"]').length == 1 ? $(x).hide() : ''; });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'fdm_ordering_custom_script');

And if you like to have a little effect on hovering – maybe you deside to have a text-shadow on them:
( default rule has a lot of ID’s on that rule – so maybe Rikards code will not work this way )

#top #wrap_all .social_bookmarks li:hover a, 
#top #wrap_all .social_bookmarks li:hover a:focus {
  background-color: transparent !important;
}

#top #wrap_all .social_bookmarks li:hover a {
  text-shadow: 2px 2px 2px #000;
}

First – what version of Safari do you use?
Then – the entries managing the font used are set by a class that is added to the body tag.
( in my case it is open-sans – click to enlarge the image )

the entries are ( in my case with open-sans ) :

h1, h2, h3, h4, h5, h6, 
#top .title_container .main-title, 
tr.pricing-row td, #top .portfolio-title, 
.callout .content-area, 
.avia-big-box .avia-innerbox, 
.av-special-font, 
.av-current-sort-title, 
.html_elegant-blog #top 
.minor-meta, 
#av-burger-menu-ul li {
	font-family:'open sans', Helvetica, Arial, sans-serif; 
}

body.open_sans {
	font-family:'open sans', Helvetica, Arial, sans-serif;
}

you see that the rule on top is not in dependency to that class – but f.e. the p-tag is. – but the default rule of enfold is to “inherit” the font.
Inherit goes to the closest parent element that has a font definition.

one possibility is : this class isn’t set on your installation. And this will be no default behavior.
next: your Safari is an old one – and does not support modern font format (woff, woff2 ) but only : truetype or svg.
But even then, I believe that Enfold has taken that into account in their writings and included them.

Is there a link that we can inspect why this could be
you see that here on open-sans it is as fall-back font Helvetica too. But the first font will be take – if there are no problems with that setting.

What if you just give it a try? – will there be a self-destructing countdown then? ;) :lol
I don’t know how your snippet plugin works – but if not – then there is usually the option to remove the entry again.

@NIXHALBES try to use the code tag here on board. It is hard to look at your code if you have to rework the code on a test basis first. For example, all quotes are converted to unusable characters if you only set them as text.

PS – you can have extra entries to Content-Security-Policy in your htaccess file to avoid loading fonts from any third party place.
you can determine where fonts could be loaded: font-src 'self'

is it that page – correlating to your avatar ;)
You like to have to the right side of your logo a text – maybe like here on the board itself. And maybe on scroll the same effect ?

Sorry – i didn’t recognized it is divi on that page. – then a link would be nice.

PS: The board here did it with subtext –
f.e.: you can use any html here but you can use site name and description for it.
this for child-theme functions.php:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}

Rest will be quick css work

This little snippet is only for 1st level submenu !
It will show then only one submenu open at a time – on click another submenu item the other will close. Is it that what you like to achieve?
_____________
Just let the setting to show submenu on click – and insert this to your child-theme functions.php:

function only_one_submenu_open(){
?>
<script>
(function($) {
$(document).ready(function(){ 
  $('body').on( 'click touch', '.av-active-burger-items > a', function () {
    $(this).parent('li').siblings().removeClass('av-show-submenu');
    $(this).parent('li').siblings().find('ul').slideUp( "fast");
  });
  $('body').on( 'click touch', '.av-active-burger-items .av-width-submenu > a', function () {
    $(this).closest('.sub-menu').siblings().find('li').removeClass('av-show-submenu');
    $(this).closest('.sub-menu').siblings().find('ul').slideUp( "fast");
  });
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'only_one_submenu_open');

mayby you gave that ID : top to a different color-section or another element on your page.
That ID is preserved for the body tag !

did you load your jQuery in the footer?

if so these snippets added to your child-theme functions.php had to be loaded afterwards.
( just add a low ( higher value) priority )
so try with 999 on priority as Ismael does with his snippet :

function open_masonry_entries_in_new_tab(){
?>
<script>
(function($) {
  MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function() {
    $("a.av-masonry-entry").attr("target", "_blank");
  });
  observer.observe(document, { subtree: true, childList: true });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'open_masonry_entries_in_new_tab', 999);

PS:

$priority (int) (Optional) Used to specify the order in which the functions associated with a particular action are executed. Lower numbers correspond with earlier execution, and functions with the same priority are executed in the order in which they were added to the action. Default value: 10