this is due to the fact that some svg code do only have viewBox dimensions and no internal width and height information.
those svgs are handled as if they have width and height : 0x0

So on avia-builder.css there is a rule :

/* @since 5.6.9    make sure that svg is visible in backend - needs to add logic for frontend !!!  */
#avia_builder img[src*=".svg"],
.wp-admin .avia-modal img[src*=".svg"] {
	width: 1500px;
}

that makes all svg visible on backend. For example – very important for image with hotspots. Image ALB Elements etc.

so maybe it would be better to exclude those svg inside avia_textblock and replace that rule above by:
( because on text_block the images do get width and height information by tiny-mce editor.)

#avia_builder div:not(.avia_textblock) > img[src*=".svg"], 
.wp-admin .avia-modal div:not(.avia_textblock) > img[src*=".svg"] {
	width: 1500px;
}

but that had to be done in that original file and should be best implemented to enfold in next version.

ok – now I understand the negation – if it is not the toggle, the filter is left. I’ve learnt something new.

_______

for : avia_sc_contact , avia_sc_icon_box , avia_sc_iconlist
it will work too.
for the last one i do not know how to differ between small list and big list if needed.

but for avia_sc_content_slider and avia_sc_partner_logo – it does not work that way

PS: ok i see – for partner logo it is : avia_partner_logo – and for content slider it is: avia_content_slider
(wrong if ( ! class_exists statement )

now with contentslider i got those extra_args : slider_title and slider_entry
how to combine it in this case?

i know how to include that extra_args on f.e. timeline:
if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'title', $extra_args ) )

but the combination is hard for me to see how to obtain that.

or have a look at this page ( i that case it is a gif – second flip-box ) but you see the general way behind that substitution:
https://webers-testseite.de/icongrid-with-frontimage/

yes thanks that works – do we have to use strict equality here?
A small drawback: if you want to set the p-tag in the Alb, this is no longer possible.

i know that this is an older topic – but with that new logic to show only Cat A and Cat B if both is true. Filter does not work as expected.
It shows the posts of that Category which has a post.

put this to your child-theme functions.php:

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
  if( $context == 'avia_sc_toggle' ){
    $args['heading'] = 'h3';              
  }
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

if you only want to show a custom side bar – see what the custom sidebar is named and put this to your child-theme functions.php:

– this will activate the sidebar for single post – if you do not like to set it in enfold options – you can use more detailed conditional tags

function avia_change_layout_for_searchresults($layout, $post_id) {
    if( is_single() ) {
        $layout['current'] = $layout['sidebar_right'];
        $layout['current']['main'] = 'sidebar_right';
    }
    return $layout;
}
add_filter('avia_layout_filter', 'avia_change_layout_for_searchresults', 10, 2);

// next will activate the custom sidebar by its name 
add_filter("avf_custom_sidebar", function($custom_sidebar) {
    if( is_single() ) {
        $custom_sidebar = "Custom-Sidebar-Name"; 
    }
    return $custom_sidebar;
}, 10, 1);

Have you adjusted the settings here to suit your needs? : on Dashboard – Settings – General – “Date Format”

if that does not work – try in your child-theme functions.php:

function new_date_format() {
  $date_format = "m/d/y";
return $date_format;
}
add_filter('avf_datepicker_dateformat', 'new_date_format');

and if you like to influence the placeholder text:

function new_date_placeholder() {
  $placeholder = "TT / MM / JJ";
return $placeholder;
}
add_filter('avf_datepicker_date_placeholder', 'new_date_placeholder');

PS: for Formatstring see: https://wordpress.org/documentation/article/customize-date-and-time-format/

ok – sorry that is the other Events Plugin.
Seems that both plugins: Events Manager and Events Calendar got this feature of “Add to calendar”

And maybe it is better to get rid of the whole wrapper :

#top .tribe-events-c-subscribe-dropdown__container {
  display: none !important;
}

try – because it seems only be shown on single events page:

#top.single-event .em-event-add-to-calendar {
  display: none;
}

Are you able to influence the trigger? why don’t you use a.avia-button
or would you like to differentiate which buttons were clicked? In this case, you have to use the generated unique class as a trigger for each button element. f.e. a.av-av_button-60d3b58ef6e39d033d89831f5df0c979 – you can see that on dev tools what unique class is added.

Next: you can use that custom class on the anchor element itself by having a child-theme buttons.php.
if you would like to have that solution – you only have to edit that buttons.php to add the {$meta['el_class']} to the anchor too.

see: https://pastebin.com/jT1B5XJa
on line 758 i added that class as custom-class-button (which is added on line 764 to the wrapper element)

disadvantage of this quick change: if two custom classes are assigned – only the last one receives this addendum

(if you do not know how to use child-theme alb elements – tell me – or look to https://kriesi.at/documentation/enfold/intro-to-layout-builder/#customization )

See: https://webers-testseite.de/button-class-to-anchor-tag/
–

Thenn you can use as trigger (in this case) : a.conversion-button

next : did you use a grafic tool to replace jpgs with webp images?
the small view image is shown as jpg file ( with source webp )
Have you checked the settings – if there is a compression level for this replacement?
( 500×750 not blurry and 470px × 705px (scaled to 200px × 300px) blurry ) – so scaling might be a problem too.

Honestly, I think it would be an improvement to have an element that could contain other ALB elements, but is not itself a full-width element, and thus allows a sidebar to be placed next to it. Benefit is on that a possibility to have common background-image. Etc.

by the way – if your logo svg is well designed – you can change on inline svg fillings with quick css.
because you do not have a shrinking header – you can use for that the header class: av_header_transparency

f.e.:

.av_header_transparency .logo .st0 {
   fill: #4e4e4e
}

and here you can see the benefit of reworking the svg code – that class ( or there might be other path on that page) are allways the same for standard Illustrator setting.
_______________

btw: if you got a shrinking header you can use the class on html in combination with the class header-scrolled.

.html_header_transparency #header:not(.header-scrolled) .logo .st0 {
  fill: #4e4e4e
}

Just for info: I always recommend reworking the code of Illustrator-generated svg. Illustrator assigns a standard class with a counting index (st0, st1, st2 etc.). Unfortunately, if there are several inline svg on a page, the last svg on the page determines the properties of the class. Just css.
Either you edit the svg in a good text editor, or you define your own graphic styles in Illustrator for the fillings of the graphic elements. The graphic styles are then transferred to the svg code as a class.