@miltosbottis I am using Lottie for vector animations on multiple Lay Theme sites. Just add the Java Script in the corresponding input field under Lay Options > Custom CSS & HTML and add the Lottie code in a Gridder HTML element.
Only the fullscreen slider is incompatible with Lottie animations.
Hope I was able to help. :-)
@arminunruh I think, that this field is very complex und hard to standardize. But if you manage to get it done – I'd be in!! One thing that came to my mind was the ability to add timeline modules that can easily have plug-and-play animations. Such as: https://codemyui.com/slide-in-and-out-timeline-animation/
Since 5.7.2 it's not possible to center an element (like an image) in the center of a full- or custom-viewport-height row. it will show centered in the editor but is positioned at the top on the live website
Also having this problem on my website.
@Richard Correction - It's back (or not gone) :/ http://natagroup.de
Do you have a suggestion for a proper No Cache plugin? Thanks! What Wordpress offers seems confusing.
@arminunruh Hi Armin - thanks for the suggestion. I tried it put the flickering continues also with loop disabled....
@arminunruh were you able to take another look at the issue yet? Because it doesn't seem to be connected to any already fixed bug (no pending updates). Nonetheless I experience the "blinking" effect of images in Carousel sliders on every website that uses LayTheme Carousel. It'll be GOLD it you could fix that somehow... Thank you!
What if the theme doesn't have fullscreen slider? It's happening to the carousels.
I have the same issue, basically always, with any Laytheme website. For expample this one (slider below): https://www.natagroup.de
I tried with and without lazy loading the images
@arminunruh Awesome! Could be great to have settings like transparency, height, color and animation for the navbar.
Hi Armin, I can only talk for myself but I basically need/use this feature in 75% of all the website I make (and I make a lot). It's just so common that you want to have a special first viewport/row or e.g. use the intro feature where a solid navigation bar doesn't look as great - but at the same time you absolutely need it later for scrolling down so the logo wouldn't constantly overlap text. And I hear this all the time, that this should be a feature for Lay Theme from others that use it frequently (like the 'burger menu on desktop' thing ;-) ).
Here is my code:
<script>
function changeCss () {
var bodyElement = document.querySelector("body");
var logoElement = document.querySelector(".sitetitle");
this.scrollY > 350 ? logoElement.style.opacity = 1 : logoElement.style.opacity = 0;
}
function changeCss2 () {
var bodyElement = document.querySelector(".home");
var logoElement = document.querySelector(".navbar");
this.scrollY > 350 ? logoElement.style.opacity = 1 : logoElement.style.opacity = 0;
}
window.addEventListener("scroll", changeCss , false);
window.addEventListener("scroll", changeCss2 , false);
</script>
It's really simple - it just adds or removes opacity based on scroll way. I have also another one that adds or removes a css class, which gives you a more convenient way to change the style – but I have some issues with it so I can't use it all the time and my JS knowledge is limited.
Simple, style formats, like for headlines, paragraphs and characters also for lists. Right now, applying formats to lists means that it creates a paragraph inside the list item. This means, that text color changes wont apply to the bullet point.
Thanks!
This causes huge display errors on existing websites that have automatic laytheme version updates activated.
Please fix this soon!
EDIT: This refers to the mobile site (only?).
You can also define a class called 'above' with
.above {z-index: 9999 !important;} and give it to any object or element that is beneath something where this behavior is not wanted.
I also have this problem
This took me multiple hours to figure out because the solution polylang provides by itself doesn't work here or with Lay Theme:
If you have the problem that your homepage doesn't switch the language but all other pages work. Like, German is your main language and English your second language, the switch always shows the German translation – unimportant what you do:
Do NOT set the homepage under the ‘Reading settings’ panel.
Leave it as is and set your Lay Theme homepage via the usual way in the Customize panel.
Then it works!
PS: It also works with any page being selected in the ‘Reading settings’ – just don't select the actual homepage. The Lay Theme setting overrules that setting anyways, but if you set both ways with the same page, it breaks polylang for the homepage.
Every lay theme website seems to have a full-screen overlay of a white area with opacity since the last update 4.8.1. You have to click it to remove it. Intro feature isn't active.
I found that only TTF provides the best experience. I had several issues over several installations and it was usually solved by reconverting the file format to TTF, wether you got WOFF, WOFF2 or OTF (which would probably be the best but is not supported by LayTheme).
Okay, I found the problem. Very hidden: If in the Customizer the gear wheel next to the Publish/Save button has been set to "Save" instead of "Publish" the Customizer only saaaaaves the customizations, but they are not visible in the site. If you change it (back) to "Publish" the Customizer works as expected.