I found a solution here : https://helpx.adobe.com/au/fonts/using/open-type-syntax.html#calt Thanks anyway :)

@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.

can u go to customize -> frontpage and re-set the frontpage? if it doesnt work: can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

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: 1682588726553-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: 1682532494574-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