u bent van harte welkom

ich persönlich bearbeite die svgs nach in einem guten Texteditor. Dort tausche ich dann durch “suchen und ersetzen” die klassen aus und setze wenn nötig noch Gruppen Identitäten.

I personally edit the svgs in a good text editor. There I replace the classes by “search and replace” and set group ID’s if necessary.

do you have entered this snippet to your child-theme functions.php ?

from docu: Link

From within your child theme, you may want to add or edit an Advanced Layout Builder element. To do so, first add the following function to your child theme’s functions.php: …
Now add a new folder in your child theme directory called shortcodes. If you copy an element from enfold>config-templatebuilder>avia-shortcodes to this folder it will replace the one in the parent and be used instead. You can also add new ones using the other shortcode elements as examples.

function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);

and just put the edited alb element directly to that subfolder : shortcodes

This is a problem of adobe illustrator – they do alway set the same classes ( st0, st1 etc. )
I do open these svgs in a good texteditor – and change those class names to something different – but be carefull – you had to think of not to change only in the styles but also in the path etc. the class=”st0″ etc.

PS : if you go and Group inside Illustrator the parts of your logo – and name these Groups – these Names became ID’s in the svg code.

you can have your own grapic-styles on : goto Window – Graphic Style ( Fenster – Grafikstile ) create a new one:
then the classes are named that new style ( and not st1, st2 etc )

Next tip: if you only want to change a fill color inside an inline svg – you do not need to upload a different logo. That is one of the big advantages of inline svg. you can select that group or class by quick css. So just use one logo – and on transparency change the fill color by css – or after scroll.

f.e.:

#header.av_header_transparency .st0 {
  fill: red !important;
}

That snippet should handle both – if you do not see it – refresh all cachings / merged files – and browser cache too.

if that does not work – we had to give a custom-class to the anchor link itself: no-scroll
but to be more selective a custom class on those parent container would be helpfull.

But before testing: How did you initialize the modal opening of the hidden section?
Edit : aha – i see …

what kind of php version is installed? because if php 8.x. (comes with jQuery 3.x ) look to your inline popup script and replace those deprecated functions. – f.e:

jQuery(window).load(function() {
//replace with:
jQuery(window).on('load', function(){

under that line add :

jQuery('.conditional_popup_link a, .popup_link a, .inline_popup, .avia-buttonrow-center.spaced-between a[href^="#"]').addClass('no-scroll');

auf screenweiten kleiner als 768 px ist der Hamburger Button in geöffnetem Zustand rot – daher nocht folgendes:

@media only screen and (max-width:767px) {
 .av-burger-overlay-active #top .header_color .av-hamburger-inner,
 .av-burger-overlay-active #top .header_color .av-hamburger-inner::before,
 .av-burger-overlay-active #top .header_color .av-hamburger-inner::after {
  background-color: #FFF
 }
}

und den einen selctor müssen wir auch selectiver machen:

.responsive.av-burger-overlay-active #top #wrap_all .av-logo-container a .language_flag img {
 outline:2px solid #FFF
}

on that masonry you entered : .group-1

remove the dot on that class – and look if that is the trick.

Also ich habe es in einer Testinstallation mittels WPML Menü Sprachumschalter gemacht, und dann nur css angewandt.
Eventuell hatte ich dadurch etwas andere Selectoren als Du. Lass es doch einfach jetzt so – so sieht es gut aus.

Unfortunately, this is not a matter that you can control yourself. Even if the pdf links have this download attribute, the browser settings determine what happens – you can force a download – but the pdf file will open anyway in the browser.

// with file-extension
function force_pdf_link_to_download() { 
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
(function($){
      $('a[href$=".pdf"]').each(function() {
         pdfName = $(this).attr('href').match(/\/([^\/?#]+)[^\/]*$/)[1];
         $(this).attr('download', pdfName ).attr('target', '_blank'); 
      });
})(jQuery);
});   
</script>
<?php 
}
add_action('wp_footer', 'force_pdf_link_to_download');

it is not possible to add a download attribute to a link with no value – even if you try that –
texteditor will correct it to: download="" so the script above will insert download="filename.pdf"

Even an entry in the htaccess file does not have to be followed by the browser:

<FilesMatch "\.(?i:pdf)$">
ForceType application/octet-stream
Header set Content-Disposition attachment
</FilesMatch>

so what could be reached is that the file downloads on click – but it will open in browser tab too.

Perhaps a more skilled programmer than me can force this behaviour – but I think it will be futile, especially since it is supposed to be browser independent.

if you like to replace it everywhere you can try this in your child-theme functions.php:

function wrap_copyright_text_with_sup(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () { 
(function($) {     
     $('body :not(script)').contents().filter(function() {
        return this.nodeType === 3;
        }).replaceWith(function() {
            return this.nodeValue.replace(/[™®©]/g, '<sup>$&</sup>');
     });
})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'wrap_copyright_text_with_sup');

after that you can style the sup (superscript) tag:
this is default:

sup {
  top:-0.5em;
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

not a custom php file – put these lines to your child-theme functions.php

on default installation of a child-theme ( Link ) there will be at the beginning :
functions.php ; screenshot.png ; style.css

on a fresh installed child-theme functions.php there are no extra entries – only a leading <?php on top.
those extra snippets comes to that file – leave the leading line untouched.

_____________

if you like to group some images on a page just give to the image that common group class ( group-1, group-2 etc. )
Images in text-blocks : put that custom class to the link ( “Link CSS Class”) : group-1 etc. – see screenshot above. (Link )

see here in action: https://webers-testseite.de/lightbox-grouping/
All squared images are in one group – and the Rest is in a different group.

PS: you can add more lines to that list – but i think 8 groups on a page will be enough.

kuck mal hier: Link
und scroll dann mal runter. Mit Inline svg ist sowas möglich

here is an example as svg – if you now decide to have shrink header – you can set the subliner to display: none – or opacity: 0

Edit: Logo Download removed

PS if this is done – i will remove your logo from here.

you see how it is set for better select the single parts:

the ID: #subliner could be handled separated from the rest, because Enfold put the svg Logo as inline svg code.

Welcher Schriftzug soll darunter stehen? Eventuell könnte man das ganze dann lieber als svg umsetzen.
Die Tänzerin zu verktorisieren geht schnell, und die Schrift ist bekannt ( Gill Sans Nova)

Diesen extra Schriftzug könnte man dann ein/ausblenden nach dem Scrollen – oder gar verschieben etc. pp:
siehe z.B: https://ars-expressiva.com/