this is GDPR info (DSGVO) – you can click the third green button “Ablehnen” : Reject/Decline. This means that you do not agree to the use of cookies. Only those that are essential.
_________
PS: maybe this would be a nice to have feature. Like in Image Galleries to have here an optional Tooltip over the images.

SEO remains unaffected, as the title tag was there before and is still there after the code. The visibility has only changed. Apart from that, from a SEO point of view, the alt tag on the image is more important than the title tag.

you are talking about those title tags showing on hovering an image for a while:

it would be nice to have the title inside that span.image-overlay-inside
This would be easy if the overlay exists from the beginning ( on page load) . On avia.js – we see – it is generated via if(!overlay.length)
having a whole child-theme avia.js seems to be a way – but we can use mutationObserver to see when it is added to DOM – and then insert the title.

in my test case i gave a custom class to the image alb element : show-title
now i can observe these classes if there is a new node added – and if so – add some html to it ( btw. i use the aria-label from the anchor – because if you set a custom title to the image alb this will be better to have)

function transfer_label_to_overlay(){
?>
<script>
(function($) {
  var target = document.querySelectorAll(".show-title");
  var observers = [];
  // configuration of the observer
  var config = { attributes: true, childList: true,  subtree: true  };

  for (var i = 0; i < target.length; i++) {
      // create an observer instance
      observers[i] = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {            
            $(mutation.addedNodes).find(".image-overlay-inside").each(function() {
              var imgLabel = $(this).closest('.avia_image').attr('aria-label').replace(/\-|_/g,' ');
              $(this).append('<span class="overlay-title">'+imgLabel+'</span>');      
            });
          });
      });
      // pass in the target node, as well as the observer options
      observers[i].observe(target[i], config);
  }
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'transfer_label_to_overlay');

now for quick css:

.avia_transform .show-title a:hover .image-overlay {
  opacity: 1 !important;
  background-color: rgba(255,255,255,0.1);
}
/*** styling the title is up to you ****/
.overlay-title {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  font-size: 16px;
  line-height: 24px;
  font-family: var(--enfold-font-family-body);
  color: var(--enfold-main-color-heading);
  text-shadow: 1px 1px 3px #333;
  background-color: rgba(255,255,255,0.8);
  padding: 0 20px 5px;
  border-radius: 5px;
}

( if you do not want the hover image behind the title set the pseudo-class to display : none)

.show-title .image-overlay-inside::before {
  display: none;
}

see: https://webers-testseite.de/image-title-to-hover/
left hand – no custom class : show-title – right hand: with custom-class.

I think you need to be more specific about your plan so that we can give you some advice.
Which data should be accessed and what should be achieved in each case?

hm ?

some thoughts on custom scripts via functions.php

you can do that:

function custom_script(){
?>
<script type="text/javascript">
(function($) {
  $(window).on('load', function(){
    $('.open-popup-link').trigger('click');
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Maybe – i think it will be enough to just wait til DOM is loaded and not the whole page
so this could therefore be sufficient

function custom_script(){
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($) {
	    $('.open-popup-link').trigger('click');
	})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'custom_script');

But
did you really got that class on the anchor?
Lets say you got a button as trigger for the inline popup loading. And you gave a custom class to that button element – the class will be at the button wrapper – not the anchor!

so the selctor must be different:

function custom_script(){
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($) {
	    $('.open-popup-link a').trigger('click');
	})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'custom_script');

it’s ok for me – the css code is now not in there ( earlier when I looked he was inside ) – and the one logo on privat is now again bigger than in the other page.

but now to synchronize it is only:

span.logo.avia-standard-logo {
  padding: 10px !important;
}

I am always happy when the solution is in place – but there is no feedback at all. ;)
OK – seems to be solved.

what kind of link did you enter on the input field?
try : https://www.youtube.com/watch?v=_Xbn6nNAIwc

i think the black bars are part of your video itself.
the video only got 2:3 aspect ratio

see here your video – croped to a 16/9 video :
https://webers-testseite.de/responsive-bg-video/

( i will remove it after you have seen the issue)

• This reply was modified 11 months, 3 weeks ago by Guenni007.

on the one installation you got :

span.logo.avia-standard-logo {
  padding: 10px !important;
}
span.logo a img {
  padding: 10px;
}

two times padding. The privat installation does not have that setting.

on my test environment – this is standard behavior.
if there are no entries there is no masonry shown.
Only an element ( here it is a heading ) got the class: el_before_av_masonry_entries

2) Under Widgets – did you create a widget area : header ?
Your code alone is not enough, the snippet only assigns the widget area position in the DOM.

1) I don’t think the fact that a child theme is used here has anything to do with it. There can be many reasons. It starts with the hoster, or certain htaccess settings could also be responsible. Some security plugins can also be a reason.

PS : how was the child theme created? Is it the one provided by Enfold – or a manually created version?

if both sliders are determined by their alias – you can try that with one function too. Both i guess will work:

add_action( 'ava_after_main_container', 'rev_slider_mod', 10 );
function rev_slider_mod() {
	if ( is_page(15240) ) {
		echo do_shortcode('[rev_slider alias="bereich-vorstand"][/rev_slider]');
	}
	if ( is_page(2959) ) {
		echo do_shortcode('[rev_slider alias="bereich-mitglieder"][/rev_slider]');
	}
}

for color try in quick css:

#top .rs-parallax-wrap .rs-layer {
  color:  yellow !important;
}

oh wow – long time ago
ps on that given example page there are both versions – on top : showing the bg-image of that weekday
on bottom randomized.

by the way: here it is for the seasons:

function scheduling_per_season(){
if(is_page(39621)){
?>
<script>
  var currentTime = new Date();
  var month = currentTime.getMonth() + 1;
  var imglocation = "/wp-content/uploads/season-images/";  // put the images in this folder

	switch(true) {
		case (month >= 6 && month <= 8):
			var seasonImg = "summer.jpg";
			var season = "summer";
			break;
		case (month >= 9 && month <= 11):
			var seasonImg = "fall.jpg";
			var season = "fall";	  
			break;
		case (month == 12 || month == 1 || month == 2):
			var seasonImg = "winter.jpg";
			var season = "winter";
			break;
		default:
			var seasonImg = "spring.jpg";
			var season = "spring";
	}
  	document.getElementById('changed_on_season').style.backgroundImage = 'url(' + imglocation + seasonImg + ')';
	document.body.classList.add(season);
	document.getElementById('changed_on_season').getElementsByClassName("av-special-heading-tag")[0].textContent = "It is "+season+""; 
	
</script>
<?php
}
}
add_action('wp_footer', 'scheduling_per_season');

see: https://webers-testseite.de/season-scheduling/

And you did already what Ismael said: “Look for this block of code around line 948, and remove it. ” ?

Have you ever thought about displaying a real clock in the logo?
see: https://weber.tips/clock/