-
albrecht
yes — its custom css but shouldn't it working, right?!
this describes the problem:
https://codepen.io/zvuc/full/abvJWeeso 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.
-
albrecht
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
-
-
albrecht
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.
-
albrecht
Hey Richard,
sorry for delay... URL is
http://umlaut.albrechtgaebel.deI again put a textbox "das ist eine Testbox" in the layout so you can see the problem.
can you see the problem?
-
albrecht
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. <3thx.
-
albrecht
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. -
albrecht
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")
-
albrecht
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
<3here 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>
-