Skip to content

General Discussion

A place to talk about anything Lay Theme related
4.8k Topics 20.5k Posts
  • dynamically Resizing HTML element to show content of an iFrame

    5
    0 Votes
    5 Posts
    158 Views
    arminunruhA
    it doesnt really work no? the iframe seems not to have a good height here: https://zmr.eab.myftpupload.com/latest-jobs/ but it seems like you havent applied the css that i posted in my last post?
  • 0 Votes
    3 Posts
    49 Views
    arminunruhA
    which colors do u want to change exactly? can u be more specific pls. sorry about the wait! .type-thumbnailgrid . thumb[data-id="3193"] .ph{ box-shadow: 10px 5px 5px red; } Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop" this gives the thumbnail of a project with id 3193 a red shadow: [image: 1738156223875-screenshot-2025-01-29-at-14.10.21.png] when u edit a project, u can find its id here in the URL: [image: 1738156240720-screenshot-2025-01-29-at-14.10.35.png]
  • Video project thumbnails

    2
    0 Votes
    2 Posts
    63 Views
    arminunruhA
    [image: 1738155763858-screenshot-2025-01-29-at-14.02.39.png] when i set a project thumbnail and a project video, the video is shown! maybe u have custom css that makes it so the video is not shown? do you also use the thumbnail mouseover image feature? but even with this one activated, it should still just show the video at first.
  • stack element + browser height issue

    6
    2
    0 Votes
    6 Posts
    131 Views
    arminunruhA
    recently i was working on making stacks be able to also have elements side by side in it. for one lay update or two, i accidentally published the work in progress of that code. so that could have been the reason why stacks have been behaving strangely.
  • 0 Votes
    6 Posts
    437 Views
    arminunruhA
    does it work when you turn off browser height for that row?
  • Hover on simple Images

    37
    0 Votes
    37 Posts
    6k Views
    arminunruhA
    maybe doing this course will help also https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools
  • Whole row clickable to expand/collapse

    2
    0 Votes
    2 Posts
    64 Views
    arminunruhA
    its not possible!
  • Carousel - Always scrolling

    7
    0 Votes
    7 Posts
    143 Views
    arminunruhA
    maybe this: https://github.com/nolimits4web/swiper/discussions/5773 seems like if you use some custom css you may get it to work. however it apparently only works if all slides have the same witdh
  • Yoast and Rank Math do not recognize internal or external links

    2
    0 Votes
    2 Posts
    89 Views
    arminunruhA
    u mean here? https://rankmath.com/tools/seo-analyzer/ when i enter a url i dont see a section for links links are just <a href="…"> anchor tags. all lay theme websites have anchor tags on them for links, not sure why they wouldn't get recognized
  • Image hover Fade Transition Speed

    8
    0 Votes
    8 Posts
    277 Views
    StarcS
    @Richard Hi Richard, i think there is no .lay-image-responsive.setsizes.h100.loaded in the actual version of imagehover. Can u help me please?
  • Event plugin: show lay header and footer on event page

    2
    0 Votes
    2 Posts
    48 Views
    arminunruhA
    i think the footer is only shown based on the post type in lay options → footers, you can show hide the footer for categories, posts, pages. this is probably a new post type, there is no option for this i don't know why some things show when youre logged in as an admin and some dont, maybe disable the plugin fastest cache? i think the compatibility is limited because its just a post type that lay theme never uses
  • plugin wp fastest cache: Exclude projects?

    2
    1
    0 Votes
    2 Posts
    84 Views
    arminunruhA
    yea should be "beiträge". i just renamed posts to projects and in german that should be beiträge
  • Slow loading since 7.8.8

    3
    0 Votes
    3 Posts
    76 Views
    A
    Hello Armin, You're right! Now it's fine! It loads super fast! I really don’t know what could have been the reason. :-/ I tried it on two different computers with two different internet connections. Maybe both of them just happened to be bad by coincidence. But thank you for your effort! :-D All the best, Aleks
  • Adaptive background video / or different streaming service

    4
    0 Votes
    4 Posts
    88 Views
    arminunruhA
    ok if you update lay theme now, go to customize → intro. here u will find: [image: 1737739511807-screenshot-2025-01-24-at-18.25.08.png] in here, you can add the html code of your video you'd need to write custom css for that video to be sized properly and for it to have the correct placement inside the intro if you want i can help you with this but first u'd need to add your html there and then post the link to the website about having a video background for the website: you'd need to add your video html markup in: lay options → custom css & html → custom html at bottom then you'd need to write css to position that video correctly i can also help u with that, but first you'd need to add the html there and then post a link to your website here
  • Project INdex > Active TEXT Color

    10
    0 Votes
    10 Posts
    273 Views
    P
    It worked like magic, thanks a lot!
  • changing menu bar color on a specific page

    8
    0 Votes
    8 Posts
    434 Views
    arminunruhA
    try this this makes all menubars of project pages black: body[data-type="project"] .navbar { background-color: black!important; } similarly you can do: body[data-type="page"] .navbar { background-color: green!important; } which makes all "pages" menubars green
  • How to script execution on all project pages

    4
    0 Votes
    4 Posts
    82 Views
    arminunruhA
    hey please dont insert jquery, its already inserted!, so remove this: <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> please read this on how to do something when a new page is loaded: https://laytheme.com/documentation/custom-javascript.html#newpage-events we have a custom javascript event window.laytheme.on("newpageshown", function(){ the onload event will only trigger one time, instead of every time you go to another page IF your website doesnt do a hard reload on navigation but instead uses the default ajax way of navigating your website uses the normal ajax navigation this is how i would do it. on newpageshown, it checks if the page is a project or not. if it is, it hides the star. if its not a project it shows the star and moves it. <script> window.laytheme.on("newpageshown", function(){ if(jQuery('body').attr('data-type') == 'project'){ jQuery('#logo').hide(); } else { jQuery('#logo').show(); move(); } }) function move() { let img = document.getElementById('logo'); let imgWidth = img.width; // Récupère la largeur actuelle de l'image let imgHeight = img.height; // Récupère la hauteur actuelle de l'image // Calcule les positions aléatoires en tenant compte des dimensions de l'image let maxX = window.innerWidth - imgWidth; // Position horizontale maximale let maxY = window.innerHeight - imgHeight; // Position verticale maximale // Déplace l'image dans un emplacement aléatoire mais dans les limites de la fenêtre img.style.left = Math.floor(Math.random() * maxX) + "px"; img.style.top = Math.floor(Math.random() * maxY) + "px"; } </script> you may also want to use this css #logo{ pointer-events:none; } this way you can click things that are behind the star
  • This topic is deleted!

    1
    0 Votes
    1 Posts
    12 Views
    No one has replied
  • Next Project Link skipping projects

    3
    0 Votes
    3 Posts
    61 Views
    J
    That did it. Thank you very much.
  • remove rounded corners for row background images

    3
    0 Votes
    3 Posts
    91 Views
    R
    @alasdair17 Thanks, it works! Looks like I had the "img" and class the wrong way around... Cheers :)

I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com

Our Web Development company: 100k.studio

Want to tip me? https://www.paypal.com/paypalme/arminunruh

Before you post:
  1. When using a WordPress Cache plugin, disable it or clear your cache.
  2. Update Lay Theme and all Lay Theme Addons
  3. Disable all Plugins
  4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

This often solves issues you might run into

When you post:
  1. Post a link to where the problem is
  2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
  3. If the problem is difficult to explain, post screenshots / link to a video to explain it
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com