may i ask you what is behind your “avia_gallery_image_order” – because this seems to be your custom function name – and not the filter that is used by enfold. So could you give more info about that function?

is it caused by board soft that there is a usage of an entity in your link notation?
(because you are not using the code tag to post that, i can not say if it is the reason for it.)

the quotes you set are all straight double quotes :

<link rel="icon" type="image/x-icon" href="https://mysite.com/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="https://mysite.com/favicon.ico">

and try both entries via wp_head

well – for the size i see in your merged styles :

#top #wrap_all .av-inherit-size .av-special-heading-tag {
  font-size: 1em;
}

because it is the merged version i do not see – if it is a quick css made rule.

f.e. for the heading “NOTRE ENGAGEMENT” inside color-section : #engagement
these rulesets are made inline ( inside the element options ) ( they are listed in a post-….css file )

.avia-section.av-2ah6ew-59724389008986c8623645d2779db077 {
  background-color: #0984a9;
  background-image: unset;
}

#top #wrap_all .av-special-heading.av-ma6kesg8-158f508a9a89994cebab9c80a4c731f0 .av-special-heading-tag {
  font-size: 40px;
}

for the heading “ACTUALITÉ” inside color-section : #actualite this is not done.
so the standard property is used:

.main_color {
  background-color: var(--enfold-main-color-bg);
}

and this is for your page #fff

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 2 weeks, 2 days 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);