this seems to be only a png file:
you can do it with pseudo content.
insert an image from alb elements and give it a custom class ( i took : animated-button )

then we create the before content:

.animated-button .avia_image::before {
    content: "";
    background-color: rgba(255,255,255,1);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    animation: pulse 3s ease-in-out 0s infinite
}

to have not the overlay effect on enfold images and to see the scale effect :

.animated-button .image-overlay {
    display: none !important;
}

.animated-button .avia_image {
    overflow: visible !important;
}

now the animation keyframe for it:

@keyframes pulse {
  0% {
      transform: scale(1.05);
      opacity: 1
  }
  50% {
      transform: scale(1.25);
      opacity: 0.3
  }
  100% {
      transform: scale(1.05);
      opacity: 1
  }
}

see result : https://webers-testseite.de/accordion/
you can change it to your needs?
In my case it is a dark background image so – it is a white pulsating thing.

i would load my custom script via the enqueue a script file:

the custom.min.js file has to be in the child-themes/js Folder

Each goes to child-theme functions.php

function custom_js_script() {
    wp_enqueue_script( 'Custom-JS', get_stylesheet_directory_uri().'/js/custom.min.js', array('jquery'), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_js_script' );

after that you can try to force to include it by the filter : avf_force_include_asset
this filter isn’t listet in the hooks and filter list here: https://kriesi.at/documentation/enfold/hooks-and-filters/
but it is present in : asset-manager.class.php

add_filter('avf_force_include_asset', 'avia_force_include_files', 10, 1);
function avia_force_include_files($force_included) {
	$force_include_js = array('Custom-JS');
	$force_included['js'] = array_merge($force_included['js'], $force_include_js);
  return $force_included;
}

Update to newest Enfold – the gridbox bug with firefox is fixed there
see here concerning topic: https://kriesi.at/support/topic/flip-box/

to your second link – i can’t find the page you are having that problem.
to have not that problem you can make a link with a button f.e. and a keyword and not the url.
or try to have a wordbreak definition for that long url

yes, that’s right – but that’s the behavior of the standard level – and I think she/he knows that.
But – I don’t know if the above is a new feature – it was definitely missing on earlier versions. Now this “background” described above is not reloaded every time a slide changes. These “static” layers are not animated between slide changes (only at the starting point of the slider).
This was also new for me. And used in the kitchen slider.

you got this in your source code – mayby in your quick css:
because of the merged file i could not locate it where you got it.

.av_minimal_header .avia-menu-fx {
    display: none;
}

so get rid of that rule – and the underline on hover will work as you like

this image you see as background – is not a “slide background image” on top of the slide input.

• This is an image layer on the bottom of the first slide !
• On Transitions you can choose on opening transition on “other settings” : Keep this layer visible: Forever (the layer will never animate out).
• From now on you have on each new slide “Static Layers from other slides”

Thats the trick !

PS: this is a fullwidth slider you have linked to !

to identify a font you can use different services on the web. On that example it might be good to have more contrast on it:

F.e.:
https://www.fontsquirrel.com/matcherator
https://www.myfonts.com/WhatTheFont

on the bold part above there are a lot of results because this seems to be a standard font style:
the most famous seems to be from FontFont : FF Mark Pro Medium

but the results for the thin font gets one match with the bold type :
Stem from Paratype.
Stem Medium and Stem Extra Light.
https://www.myfonts.com/fonts/paratype/stem/webfont_preview.html

Well i’m German too – but i think you will get help sooner if you post your questions in english – not all of the mods can understand german language.
if you find it difficult to post your questions in English, you can use this service here: https://www.deepl.com/translator
The translations are definitely better than Google’s and you can make changes or improvements in your text afterwards.

https://kriesi.at/support/topic/how-to-insert-search-form-into-header_posline-next-to-phone-number/page/2/#post-1046271

before the closing </a></li>

please post your whole child-theme functions.php again

please – always think on caching and merged files of enfold ( Enfold / Performance tab ) – sometimes you see the changings not directly

can you post your functions.php again here as a copy ?

PS to style the small “good” one use this in quick css:

#header_meta #menu-item-search + a {
    font-size: 20px !important;
    position: relative;
    top: -10px;
    left: 8px;
}

#header_meta .avia-arrow-wrap {
    right: 20px !important;
}

you see here the difference of both methods

shortcode:

functions.php as top-menu list point:

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

Oh yes – i didn’t read that: “I found how to replace the logo link in another topic”
so you can do it in that combination Yigit does.

If you want to replace it globlay and not on a specific h tag:

by the way – you definitly want to change the h-tag from h3 to h5
or do you only want to change the size in mobile devices ?
And do you like to have it definitly only for mobile devices or for smaller screens too?

The reason why i asked this is that on mobile devices the enfold adds to the html tag a class called: avia_mobile
so if you like to influence only the mobile version of a tag you can always do it via this class infront of the needed rule f.e.

.avia_mobile h3 {
 font-size: 24px !important
}

if you want the tags to be different you have to do it via child-theme functions.php
you can use this nice replace tag with tag function and an if clause –

function replace_tags_with_tags(){
if(wp_is_mobile()){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
      replaceElementTag('h3', '<h5></h5>'); // you can add here more lines like this semicolon separated 
  }(jQuery)); 
</script>
<?php
}
}
add_action('wp_footer', 'replace_tags_with_tags');