Skip to content

General Discussion

5.0k Topics 21.7k Posts

A place to talk about anything Lay Theme related

  • Plugin AJAX Clash

    6
    0 Votes
    6 Posts
    984 Views
    arminunruhA
    hey paul, there needs to be a hard refresh for the plugin to work on that page. sorry about that! and the custom coding for a fade effect for when you have a hard refresh, sorry i dont have time for that :OO
  • Multilanguage

    3
    0 Votes
    3 Posts
    431 Views
    S
    @arminunruh said in Multilanguage: qtranslate xt thank you!
  • Filter behavior: instead of hide thumbnails, change their opacity

    3
    0 Votes
    3 Posts
    265 Views
    M
    ok! that's a clear answer. Thank you for the quick response! :) all the best
  • This topic is deleted!

    1
    0 Votes
    1 Posts
    8 Views
    No one has replied
  • Random project thumbnail order? Possible?

    3
    0 Votes
    3 Posts
    300 Views
    C
    Hi Marius, Is it possible to do it now? Best, Camille
  • Variable Font can be used?

    11
    0 Votes
    11 Posts
    2k Views
    M
    @Richard Thanks Richard. Took a bit of playing around but starting to get there. Your first suggestion referencing the Text formats was the key. Still got some finessing to do but really pleased with how it's taking shape. Much appreciated. M https://www.markevans.design/typography/
  • Video Thumbnails disappear on mobile

    2
    1
    0 Votes
    2 Posts
    122 Views
    RichardR
    Dear @Warul-Kawa Is this still an issue? When testing on Chrome, Safari & True Mobile: [image: Screen Shot 2022-06-01 at 1.10.47 PM.png] [image: Screen Shot 2022-06-01 at 1.12.25 PM.png] [image: Screen Shot 2022-06-01 at 1.12.47 PM.png] Best Richard
  • Carousel random start image

    carousel random
    6
    0 Votes
    6 Posts
    1k Views
    RichardR
    Dear @brogr Thank you for the feedback it has been noted ✅ Feature suggestion: It would be nice to have another event exposed that runs once the carousel (or all addons) are initialized. That way we wouldn't have to rely on setTimeout to access swiper. In the case of Swiper, it could use https://swiperjs.com/swiper-api#event-init. Have a great day 🌝 Richard
  • 2 colour menu bar

    2
    1
    0 Votes
    2 Posts
    240 Views
    RichardR
    Dear @NAS User @felix_rabe has replied via your other Thread: http://laythemeforum.com/topic/7897/create-2-colour-menu-bar-for-2-menus/2 Best Richard
  • Anchor Links

    2
    0 Votes
    2 Posts
    192 Views
    RichardR
    Dear @Alina Best wishes, i am testing the Arbeiten (work) anchor as well as the "back to start" button on both Chrome and Safari. All is working for me. Are you testing on a different Browser? Best Richard
  • Wordpress 6.0

    4
    2 Votes
    4 Posts
    417 Views
    RichardR
    Thanks @bbbfg have a great day 👍
  • New Customer Cursor (Hover state)

    4
    0 Votes
    4 Posts
    936 Views
    RichardR
    Dear @KingJut Lay Theme uses the normal cursor like you have applied with the code above; cursor: url("source"); The Rolls Royce website uses a trick that has become widespread now. It's actually a div or html element that has javascript applied to it to mimic the cursor ( x and y axis position on screen ). Within the code the native cursor has been removed: [image: Screen Shot 2022-05-27 at 9.51.15 AM.png] Normally when taking a screenshot the cursor would not be captured, this also helps us know its an HTML element: [image: Screen Shot 2022-05-27 at 9.51.08 AM.png] The Rolls Royce Cursor CSS: .rrmc-cursor { display: block; top: 0px; transform: translate3d(688px, 323px, 0px); position: absolute; width: 46px; height: 46px; top: 0; left: 0; z-index: 6000; pointer-events: none; display: none; mix-blend-mode: difference; It's using transform: translate3d('value'); but you could also use the CSS 'scale' or 'zoom' properties. These links may help you add scaling or zoom to the default cursor but the problem lies with transitioning between the two. An interesting mention in one of these links is to use a gif to mimic the effect: https://stackoverflow.com/questions/38767322/css-cursor-transition https://css-tricks.com/almanac/properties/c/cursor/ https://stackoverflow.com/questions/33715491/how-to-reduce-the-size-of-image-with-cursor-url https://www.digitalocean.com/community/tutorials/css-cursor-property And this is a custom HTML cursor https://www.freecodecamp.org/news/how-to-make-a-custom-mouse-cursor-with-css-and-javascript/ Best Richard
  • Use mobile menu on desktop

    11
    0 Votes
    11 Posts
    2k Views
    RichardR
    Dear @emgeoffice Amazing! really happy to hear it worked, have a wonderful day and of course thank you as always for supporting Lay Theme ⭐️ sincerely Richard
  • Custom Next- / Prev-Buttons Website Crash Error Warning

    11
    1
    0 Votes
    11 Posts
    685 Views
    RichardR
    Dear Lukas @gala "EVERYTHING WORKS AGAIN - Thanks for the Help and Hints" Amazing! ⭐️ thanks for the update and have a wonderful day! Best Richard
  • 0 Votes
    4 Posts
    1k Views
    RichardR
    Dear Simon @Simonabele Sorry that i wont be able to go into custom coding deeper with you at the moment, but you are doing awesome 🌝 The class show must also be added to the correct image in the container as well, it also has an opacity:0. You might also want to just work with the current code native to Lay Theme and stop it's remove class from the source. ( not really meant to suggest this but changing source code...) best Richard
  • Mobile Menu, Submenus, Make parents linkable again

    6
    0 Votes
    6 Posts
    389 Views
    RichardR
    Thanks @spontans good luck! ⭐️
  • Background color mobile

    8
    0 Votes
    8 Posts
    677 Views
    RichardR
    Thanks @bbbfg awesome 👍
  • Anchor to image in Full Screen Slider

    18
    0 Votes
    18 Posts
    3k Views
    E
    Hi Richard, thanks again for your reply - I'm not sure if your latest reply means that the problem should be fixed now, or not? You say you were able to recreate the bug in Chrome, but were you able to fix it as well? I've just tried setting the "Give elements a max-width and max-height and center them" option to 80% to see what would happen and nothing seems to change : the images in the fullscreen slider stay fullscreen and don't get adjusted to 80% width / height. Do you think that has something to do with it the anchor issue? Or am I misunderstanding your suggestion? I've also tried with this setting switched off, the anchor issue persists. The "Anchorscroll Space Top for Desktop" & "Anchorscroll Space Top for Phone" are both set to zero so that should not give any issues. It would be great to get a clear overview of the most optimal settings to solve this bug in Chrome - thanks in advance!
  • This topic is deleted!

    4
    0 Votes
    4 Posts
    23 Views
    No one has replied
  • Text on top of an image

    3
    0 Votes
    3 Posts
    546 Views
    RichardR
    Dear @willowj The Tagline region can be targeted with the following code: .tagline { // insert desired CSS here } And you can add padding in two different ways, the short hand way: padding: 0px 20px 0px 20px; This works on a compass, so North, east, south, west - (or top, right, bottom, left) north 0px, east 20px, south 0px, west 20px And long-hand or individual paddings: Padding-left:20px; Padding-right: 20px; Details here: https://www.w3schools.com/css/css_padding.asp For example: .tagline { padding-bottom:20px; padding-left:20px; } Custom CSS can be added via: Lay Options > Custom CSS & HTML > Custom CSS https://laytheme.com/documentation/custom-css-styling.html Have a wonderful day @willowj 🌻 Richard
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com