@ArneRobot I have solved it myself. It was an error in my own CSS. Sorry!

Haven't tested out but you can try to: Include the Lottie library in your project via CDN Link <script src="lottie.min.js"></script> Give the row you would like to assign the animation to a class oder id (e.g. #animation-container) <script> window.laytheme.on("newpageshown", function(){ const animationContainer = document.getElementById('animation-container'); // replace with your div ID const animationData = { container: animationContainer, renderer: 'svg', loop: true, autoplay: true, path: 'your-animation.json' // replace with the path to your Lottie JSON file }; const animation = lottie.loadAnimation(animationData); }); </script> Add this to your Custom CSS #animation-container { background-image: url("data:image/svg+xml;utf8," + encodeURIComponent(animationData.container.innerHTML)); } to make the created SVG your background-image Good luck ;)

@arminunruh Nice. Thanks a lot!

no :( there isnt

you need to enable ssl in your webhost control panel and then install a ssl plugin like "simple ssl" you can also google "how to make wordpress website use https"

@arminunruh perfect! Now it works!!! :-DDD

@alasdair17 :'''')

@arminunruh said in burger menu on different color: .slug-bio .burger-default span, .slug-bio .burger-default span:before, .slug-bio .burger-default span:after{ background: white; } That worked! Thanks man.

Or if you want an image: <div class="rotate-notification"> <img src="https://media.istockphoto.com/id/1144546554/vector/rotating-phone-from-vertical-to-horizontal-position-phone-vector-icon.jpg?s=612x612&w=0&k=20&c=dnBtqmZ7_8Cjk2UubtE_o1gDkaIMvs1kStk45tzmEiY="> </div> css: .rotate-notification{ display:none; z-index: 999999; background-color: black; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; } .rotate-notification img{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; } @media (orientation: landscape) and (max-width: 1024px){ body.is-touchdevice .rotate-notification{ display: block; } }

interesting! good job

<script> jQuery(document).on('.projectindex-project-slug-stageclothing a', 'click', function(e)){ e.preventDefault(); e.stopPropagation(); return; }); </script> look, u need to look at the html code and find the slugs, i underlined them here (in google: right click → inspect element) [image: Screenshot 2023-04-27 at 11.44.48.png] then use the code above so for .projectindex-project-slug-stageclothing and .projectindex-project-slug-iconic-calender it would be: <script> jQuery(document).on('.projectindex-project-slug-stageclothing a, .projectindex-project-slug-iconic-calender a', 'click', function(e)){ e.preventDefault(); e.stopPropagation(); return; }); </script> and css: .projectindex-project-slug-stageclothing a, .projectindex-project-slug-iconic-calender a{ cursor: default; }

hey for me it looks like this on my desktop: [image: Screenshot 2023-04-26 at 20.08.12.png] that font https://www.jack-kimberley.com/wp-content/uploads/2023/04/Starling.woff the font just doesnt work maybe? or update lay theme? dont know

and its probably easiest to just create a new page with some other thumbnailgrid

@philipbaz said in Cannot add footer @ Lay options: I can not choose a page as footer inside of the lay options even tough I never purchased the Fullscreen Slider Addon. The choose button just does not show up. Updated everything, disabled plugins and turned of custom code. So the fullscreen slider and the footer option are two different things The footer wont show up for pages with fullscreen slider active Try to see if both fullscreen slider and lay theme are up to date. If you have checked "Show select input in project edit screen…" in fullscreen slider options, and the select box doesn't show up when you edit your project: [image: Screenshot 2023-04-26 at 19.56.15.png] at the top right click "screen options" and see if maybe you're hiding that box otherwise: can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

hey did i send you the key? send an email to info@laytheme.com if you still didn't get the key

u could always just also use the fullscreen slider addon to do this and like in lay options → fs slider addon use slide on page click and use fade effect then for every row in your gridder, use a browser height row and place your text and image in there

hi sorry for the wait!! if you look at the body html classes, the body has a class of category-* i think furniture has: category-1 so your css would be: body.category-1 .lay-carousel-sink-parent span.numbers._Default_no_spaces { color: #543823; } and the other is category-6 body.category-6 .lay-carousel-sink-parent span.numbers._Default_no_spaces { color: #011e41; } not sure if i used the correct colors in my css code above very beautiful work and website!

yes sure! go to lay options and activate the setting "Activate Video for Thumbnails" sorry for the wait!