what ismael is trying to show you is – if you inspect the demo page with dev Tools you see the place to download the woff2 :

but allthough it is listed there the link does not exist:
https://kriesi.at/themes/enfold-law/wp-content/uploads/sites/78/avia_fonts/justice/justice.woff2

As far as i can see : https://www.microsoft.com/en-us/download/details.aspx?id=106087
You can download it from Microsoft – but the included Eula Text is not clear enought if a web-font usage is allowed.

If you own that font – maybe you should be clear what you like to use as font-weight. Even the normal Aptos got a lot of different font-weights (regular, light, semibold, bold, extrabold, black). My recommendation is to use a selection only on performance reasons – f.e. (light, regular, bold)

To have a better modern browser support – take the ttf files and convert them to woff2. (f.e. on https://transfonter.org/)
Put all font-weights (ttf and woff2) in a folder f.e. “Aptos” – and zip that folder for uploading it to the enfold font-manager.
After that – you can choose that font at the end of the drop-downlist for Body font and headings.

try a combination of both filters:

function avf_masonry_entry_content_mod($content, $entry, $config) {
    // Remove all br tags within <ul>...</ul> blocks
    $content = preg_replace_callback('/<ul[^>]*>.*?<\/ul>/is', function($match) {
        return str_replace(['<br>', '<br/>', '<br />'], '', $match[0]);
    }, $content);
    
    // Reduce duplicate/multiple br tags outside of ul tags to a single one
    $content = preg_replace('/(<br\s*\/?>\s*){2,}/i', '<br>', $content);
    
    return $content;
}
add_filter('avf_masonry_entry_content', 'avf_masonry_entry_content_mod', 10, 3);

function my_avf_masonry_loop_entry_content($loop_excerpt, $entry) {
  $loop_excerpt = strip_tags( ($entry->post_excerpt) , '<br><ul><li><strong>'  );
  return $loop_excerpt;
}
add_filter('avf_masonry_loop_entry_content', 'my_avf_masonry_loop_entry_content', 10, 2);

with these snippet you can now insert to excerpt input field:

<strong>Validation & Calibration</strong><br>
<ul>
  <li>Supply and exhaust air volumes</li>
  <li>Room pressure differential</li>
  <li>Pressure gauges and monitors</li>
  <li>Air changes per hour</li>
  <li>Incubators and scales</li>
  <li>Refrigerators and freezers</li>
</ul>

btw. with your semi-transparent flacon at the bottom – maybe it is nice to have the burger overlay semi-transparent.

.html_av-overlay-side #top .av-burger-overlay-scroll {
  background-color: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px)
}

#av-burger-menu-ul .only_mobile img {
  filter: drop-shadow(1px 1px 2px #aaa)
}

but – you can have both by css– let the animation stay at slide (slide sidewards or slide up/down)
slides comes in by sliding – but buttons fade in: (maybe with delay)

.avia_transform #top .av_fullscreen .avia-slideshow-button,
.avia_transform #top .av_slideshow_full .avia-slideshow-button,
.avia_transform #top .av_fullscreen .avia-slideshow-button-2, 
.avia_transform #top .av_slideshow_full .avia-slideshow-button-2 {
  opacity: 0;
  transform: translate(0,0);
}

.avia_transform #top .av_fullscreen .active-slide .avia-slideshow-button,
.avia_transform #top .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform #top .av_fullscreen .active-slide .avia-slideshow-button-2, 
.avia_transform #top .av_slideshow_full .active-slide .avia-slideshow-button-2 {
  visibility: visible;
  animation: caption-top 1s linear 2s 1 forwards;
}

the shortform of animation means:

animation:
	animation-name: caption-top;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

if you do not like the delay – just remove or change that value to your delay ( f.e. 1s)

see: https://webers-testseite.de/slider-with-kenburns/
PS: you see – you can even address them differently the first button can fade in – the second one comes sliding in …

you can see (including a snippet for child-theme functions.php ) a different solution – where the margin-bottom value is ruled by a script.

Only for masonry galleries – not for Masonry Entries

This code fixes caption overlay issues in Enfold’s Masonry elements by:
– Flexible Masonry: Places captions below images instead of overlaying them
– Perfect Grid: Dynamically calculates margin-bottom based on caption height

see: https://webers-testseite.de/masonry-with-captions/

PS: for pefect grid and automatic grid – there are sometimes timing problems . Maybe i find some time to correct it in the script. For flexible Masonry this solution works very good.

by the way. heebo and poppins are both google fonts – so you can use them for your page – if you want.

for your logos – you can use f.e. svg files see: https://webers-testseite.de/Bookkeeper.zip
https://webers-testseite.de/bookkeeper.svg
Inside is an illustrator file too – with the use of those google fonts.

the included svg for transparency in the zip file will have the fonts at white – so it will show on a dark background:

see: https://webers-testseite.de/bookkeeper-testpage/

uncheck it

because on the a-tag the class lightbox-added is missing – there must be a wrong setting – or somthing that hampering the normal magnific-popup script.

and you have inserted that snippet to your child-theme functions.php:

function my_avf_masonry_loop_entry_content($loop_excerpt, $entry) {
  $loop_excerpt = strip_tags( ($entry->post_excerpt) , '<br><p><ul><li>'  );
  return $loop_excerpt;
}
add_filter('avf_masonry_loop_entry_content', 'my_avf_masonry_loop_entry_content', 10, 2);

But why does it work on my test page? And not on yours?

PS
you do not need the bullits on a ul li elemtent – it is allready there.

PPS: where can i see the page you belong to. on https://aabc.com ?

You now like not to use the masonry portfolio ?

• This reply was modified 3 months ago by Guenni007.

on masonry – try:

function my_avf_masonry_loop_entry_content($loop_excerpt, $entry) {
  $loop_excerpt = $entry->post_excerpt;
  return $loop_excerpt;
}
add_filter('avf_masonry_loop_entry_content', 'my_avf_masonry_loop_entry_content', 10, 2);

or maybe a bit stricter what is allowed (or better which is not influenced by strip_tags)

function my_avf_masonry_loop_entry_content($loop_excerpt, $entry) {
  $loop_excerpt = strip_tags( ($entry->post_excerpt) , '<br><p><ul><li>'  );
  return $loop_excerpt;
}
add_filter('avf_masonry_loop_entry_content', 'my_avf_masonry_loop_entry_content', 10, 2);

the point is that on the class-avia-masonry.php (or legacy inside: av-helper-masonry.php) the loop-excerpt is set to :
$loop_excerpt = strip_tags( $entry->post_excerpt );

by the way – for blog:

function custom_blog_cpt_with_sticky($query, $params) {
    $query['post_type'] = array('post', 'portfolio', 'your-cpt'); 
    $query['ignore_sticky_posts'] = 0;
    
    return $query;
}
add_filter('avia_blog_post_query', 'custom_blog_cpt_with_sticky', 10, 2);

try:

add_filter('avia_masonry_entries_query', 'avia_masonry_entries_query_mod', 10, 2);
function avia_masonry_entries_query_mod($query, $params) {
  $include = array();
  $sticky = get_option( 'sticky_posts' );

  $args = array(
    'taxonomy' => $params['taxonomy'],
    'post__not_in' => $sticky,
  );
  $posts = get_posts( $args );

  foreach($posts as $post) {
    $include[] = $post->ID;
  }

  $include = array_merge($sticky, $include);

  // convert values of the $include from string to int
  function sti($n)
  {
    settype($n, 'int');
    return $n ;
  }

  $include = array_map("sti", $include);

  $query['post__in'] = $include;
  $query['posts_per_page'] = 6;
  $query['orderby'] = 'post__in'; // sort items based on the post__in value
  return $query;
}

see Ismaels post on : https://kriesi.at/support/topic/sticky-posts-not-displaying-forst/#post-1230187

but if it is that lonestar page – you had to adjust a lot of different things.
First : you might better switch to hamburger menu on wider screens – even wider than the other option of 989px

f.e.

@media only screen and (max-width: 1399px) {
    #top #header .av-main-nav > li.menu-item  {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
}

or you use a combination of hamburger switch adjust and on enfold option :
header – header behaviour – : Let Logo And Menu Position Adapt To Browser Window

ok – thanks for response – i romoved now the link to your video on my testpage. and replaced it by a video with 1920:800 aspect-ratio
https://webers-testseite.de/lara-video/