umlaut.albrechtgaebel.de

yes — its custom css but shouldn't it working, right?!

this describes the problem:
https://codepen.io/zvuc/full/abvJWee

so the backdrop filter is not pushed offset, when you do not put backdrop-filter and box-shadow in the same css class.

this problem is only under catalina (not catalania ... lol) and safari 13 & 14 an issue.

this solved it.

#grid .push-0 {
    margin-left: auto !important;
    margin-right: auto !important;
}

Without Custom CSS the problem was not there. No Vanilla environment here ;)

thx! <3

everything is updated! ;)

Hey Layteam,

There is a weird problem with the -webkit-backdrop-filter which only shows up on macOS Catalina under safari 13*. The blurred background-image is pushed to right and to bottom. see screenshot.

Thank you.

Hey Richard,

sorry for delay... URL is
http://umlaut.albrechtgaebel.de

I again put a textbox "das ist eine Testbox" in the layout so you can see the problem.

can you see the problem?

Dear LayTeam,

I test-created a page with animated gifs (I also tested videos) in a carousel. The Carousel has an CSS Class with -webkit-box-reflect attribute. So far everything is fine, even the webkit is a bit buggy on moving content, but Im pretty sure its not a laytheme bug (or?).

The problem is, on chrome everything works (quite) well, but on safari the refelcting is not showing up below carousel at all. But it works in safari when I put elements outside the carousel and give them the -webkit-box-reflect attribute.

Do you know why it reacts like this?
I can share a link via private message. <3

thx.

Dear Lay-team (@Armin-Unruh @mariusjopen) <3

I’m in an early stage of a new LT Page, looking forward to squish the best out of LT.

Problem right now:

• I have a css class "button" which include padding value (content in the box should have space to the edge of the box)
• i assign the class to a content box (no matter if it is a text-, media, or other content-box)
• the box get pushed out of the center/grid

Hope this was clear enough. let ne know if not.

thx.
cheers.

Dear @mariusjopen

found the Problem (with friend of an real dev guy) ;)

needed to change this

jQuery("#cover-region .background-video video")

to

jQuery(".cover-region .background-video video")

script not working since laytheme 3.2

Dear @Marius @mariusjopen and @Armin-Unruh @arminunruh,

since major update 3.2 my little script (pic randomly a video from a list and play it at background) is not running anymore. it’s placed in the field "Custom HTML at bottom"

can you pls help?

thx
<3

here is the script code

<script>
jQuery(function() {
  var $videoElement;
  var numberOfMillisecondsBetweenVideoSwitches = 24000; // 10 seconds
  var currentVideoIndex = 0;
  var listOfVideoSources = [
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner-Zugfahrt.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_Pinakothek.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_PUMA.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_Waschstraße.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_onSet.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_ostsee2.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2017/10/Banner_web_sky.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2017/09/banner_lift.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2017/10/banner_web_Mediamarkt.mp4",

  ]
  
function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}
  
  function playVideo(event) {
      $videoElement[0].play()
  }

  function loadRandomVideo() {
    if(currentVideoIndex >= listOfVideoSources.length) {
        currentVideoIndex = 0
        shuffle(listOfVideoSources)
    }
    
    if(!$videoElement) {
        $videoElement = jQuery("#cover-region .background-video video")
        $videoElement.on("loadeddata", playVideo)
    }
      
    $videoElement.find('source').attr('src', listOfVideoSources[currentVideoIndex])
    $videoElement[0].load()  

    currentVideoIndex += 1
  }
  
  // randomize list of videos
  shuffle(listOfVideoSources)
  // choose a random one to start
  // loadRandomVideo("http://albrechtgaebel.de/wp-content/uploads/2017/10/Banner_web_Bellevue.mp4")
  // in numberOfMillisecondsBetweenVideoSwitches choose a different video
  setInterval(loadRandomVideo, numberOfMillisecondsBetweenVideoSwitches)
})

 
</script>

Same on two pages...