may i see the livelink – i’m participant as you so you have to make it public or send me an e-mail – see Avatar link
and you have a copy of that edited section.php in your child-theme/shortcodes folder ?

I changed a bit the codes because it is still not necessary to have that overlay class on color-section.
At that time I think it was necessary – with the new Enfold one class at the Color-Section is enough.

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

So everything was new on the page : It has to work with the code before too. But we had the problem on that code the the images in the slider had that button too: https://webers-testseite.de/mute-unmute-video-slide/

Sorry aber das andere machte aus genau dem Grund dann keinen Sinn. Hatte nur etwas mit dem Button bei den Bild Slides zu tun.
Ich nahm daher den Button in das listenelement mithinein.
Was ich jetzt noch testen muss, ist bei anwesenheit von zwei videos ob jeweils nur ein Video gesteuert wird oder beide dann immer gleich.
Ich fürchte da müsste ich eine indexierung der mute unmute buttons einbauen.

Das hatte aber mit deinem funktionieren oder nicht vorher nichts zu tun.

first of all : have you adjusted the code to your settings:
The main thing for that error seams to be that you have forgotten the customID to set – because if that DOM Element does not exist – it is impossible to style it !!!
document.getElementById('customID') etc …
f.e. :

• have you done this (see comment above) : Give a unique ID to the color-section f.e.: customID – or what ever you like – but then it has to be synchronized with the script line mentioned above
• the code above is ment for child-theme functions.php – is that the place where you put in that code
• adjust the url line to define the place where the images are in: var imglocation = "/wp-content/uploads/layerslider/Origami/";
• the code above is for my installation. I don’t want to load it everywhere so i surrounded it by an if-clause concerning to my page-id.
  have you changed it to your page: if(is_page(34024)){

Mein link oben ist auch schon die Enfold 4.5.4 !

PS : ich bin hier Participant wie du!
Daher sehe ich keine Daten aus dem Privat Content Feld

If you got f.e. a masonry gallery from media elements – you can define each a custom link
the lightbox linking is active on that – use flexible masonry and you can use the effects on the images too!
click to enlarge – see right side of each image there is a custom link field !!
You can use each image you like – because we will substitute it by the embeded youtube still image.

See here : https://webers-testseite.de/youtube-videotestseite/

Beneath you can see the jqeuery code to substitute the image with the youtube mq image

you only need this (i did it only for that page – if you like to have it on all pages get rid of if-clause):
in child-theme functions.php

function youtube_fix(){
if (is_page(33150)){
?>
<script>
(function($){ 
  
  $('a.av-masonry-entry[href*="youtube"]').each(function() {
      regex = /(?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/;
      var ID = $(this).attr("href").match(regex)[1];
      $(this).find('img').css('width', '100vw ').attr({
        'src': 'https://img.youtube.com/vi/'+ ID +'/mqdefault.jpg',
        'title': 'Youtube Video ID: '+ ID ,
        'alt': 'youtube-image-'+ ID ,
      });
    });
  
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'youtube_fix');

one thing to mention: use the https://www.youtube.com/watch?v=ID Link

Wir können auch gerne deutsch miteinander kommunizieren.
Auf der Beispielseite habe ich das mp4 eingebunden, – auf Mute ( damit das Autoplay greift ) und nicht im Loop, sonst geht die Slideshow nicht weiter.
Hast du soweit das Tutorial meiner Seite : https://webers-testseite.de/mute-unmute/
soweit befolgt?

PS ich sehe keine Seite home-2

gib doch mal meinen Link in das Videoeingabefeld ein: https://webers-testseite.de/wp-content/uploads/HolsteinBueffel.mp4

Where there’s a will, there’s a way.

And sometimes other participants can learn from each other. Maybe you present your solution.

more than 2 weeks ago ?!

are there any problems understanding the above?
Is it how to install a child-theme ?
please talk to us – we only can help if we got input from you

by the way – if you have custom separator and you like to have the icon in the middle – the distance defines the left and right distance – so with padding etc. you can insert 45% or something like this.

that is the full-screen mode – but i do not have these pop-ups.
Maybe a different browser? Yes this belongs to chrom not to firefox – i suppose we can not influence this.

but try the code above : https://kriesi.at/support/topic/how-to-link-to-youtube-lightbox-popup/#post-1067062
i think this is realy nice .

please remove this css rule the one Yigit mentioned !!!

Thank you – also for the reminder.

so what would i do
see here: https://webers-testseite.de/overlap-to-followed-section/

Color-Section can grow with the content – downshift is still at the same value
On small screens everything works as before.
You can shift each column as you like – even the one over the top

pull in your columns to a color-section:
• give the custom-class to color-section: overlap
• give to the column to shift upwards the custom-class: shift-up
• give to the column to shift downwards the custom-class: shift-down
• add this to quick css:

@media (min-width:768px) {
	.overlap .entry-content-wrapper {
	  display: flex;
	  justify-content:space-around;
	  align-items: flex-start;
	}

	.flex_column.shift-up {
	    top: -100px;
	    align-self: flex-start;
	}

	.flex_column.shift-down1 {
	    bottom: -150px;
	    align-self: flex-end;
	}

	.flex_column.shift-down2 {
	    bottom: -100px;
	    align-self: flex-end;
	}
}