Skip to content

General Discussion

5.0k Topics 21.7k Posts

A place to talk about anything Lay Theme related

  • Carousel doesn't work

    4
    1
    0 Votes
    4 Posts
    501 Views
    RichardR
    Dear @Violeta Have sent you a message via 'chats' :) Talk soon Richard
  • Disable Logo in Header Menu until you scroll

    7
    0 Votes
    7 Posts
    517 Views
    D
    This is perfect. Thank you so much!
  • mouse roll over colour - custom css

    4
    0 Votes
    4 Posts
    560 Views
    RichardR
    Dear @markHighLow No worries :) Best wishes for the rest of your project! Richard
  • Text fixed moving when loading page

    2
    0 Votes
    2 Posts
    297 Views
    RichardR
    Dear @gridch Position:fixed is the correct way to go i think in your case, The fixed text being a part of the fullscreen slider, am i correct that it has the id: #dalt ? You will need to test obviously but you could load this CSS command earlier by adding it > Lay Options > Custom CSS & HTML > Custom <head> content or Custom HTML at top: <style> #dalt { position:fixed !important; } </style> Need to test, and see! :) Best Richard
  • When hover different typography

    2
    0 Votes
    2 Posts
    357 Views
    RichardR
    Dear @gridch If you just want 'Interiors' to remain normal you can target it with one of its data attributes : [data-title="Interiors"]:hover { font-style: normal !important; } Hope this helps & best wishes Richard
  • Lay Theme X Woo Commerce

    8
    1 Votes
    8 Posts
    2k Views
    RichardR
    Dear @julia-i Armin is still woking hard on it, no big updates to report unfortunately :) Best Richard
  • This topic is deleted!

    1
    1
    0 Votes
    1 Posts
    3 Views
    No one has replied
  • Intro .svg overlay

    3
    0 Votes
    3 Posts
    183 Views
    Hayo GebauerH
    @Richard works! Thanks very much, have a nice day!
  • Altenative Glyphs in Site Title or Categories

    2
    0 Votes
    2 Posts
    148 Views
    RichardR
    Dear @roschki It is possible to access Alternate Glyphs - This is using a particular 'stylistic set' of a typeface e.g 'ss02' ( stylistic set #2' Im pretty sure in this Thread it is discussed :) http://laythemeforum.com/topic/917/activate-styllistic-sets This thread may also help, unsure http://laythemeforum.com/topic/6206/webfont-issue-2-fonts-working-fine-3rd-one-doesn-t Hope this helps & best wishes! Richard
  • This topic is deleted!

    1
    0 Votes
    1 Posts
    9 Views
    No one has replied
  • change text content on hover

    4
    0 Votes
    4 Posts
    1k Views
    RichardR
    Dear Jeff @jeff Please remove your current CSS with the 'Before {content}' setup - Its not working properly :) Its not targeting your link <a href#> it's just inserting the text "REALISATRICE" " :before" the 'Class .mb' (this element being a parent of the <a> element) . After removing it, please insert the following code into your 'Custom <head> Content' area: <script> window.laytheme.on("newpageshown", function(layoutObj, type, obj){ jQuery('[data-id=73]').hover(function(){ jQuery(this).text("REALISATRICE"); }, function() { jQuery(this).text("MYRIAM BOU-SAHA"); }); jQuery('[data-id=75]').hover(function(){ jQuery(this).text("ILLUSTRATEUR"); }, function() { jQuery(this).text("VINCENT DUPERRAY"); }); jQuery('[data-id=76]').hover(function(){ jQuery(this).text("GRAPHISTE"); }, function() { jQuery(this).text("CAROLE GENIN"); }); jQuery('[data-id=77]').hover(function(){ jQuery(this).text("MOTION DESIGN"); }, function() { jQuery(this).text("GUILLAUME COQUARD"); }); jQuery('[data-id=77]').hover(function(){ jQuery(this).text("MOTION DESIGN"); }, function() { jQuery(this).text("CÉLESTIN JEAN-CHARLES"); }); jQuery('[data-id=78]').hover(function(){ jQuery(this).text("DESIGN & ARCHITECTURE"); }, function() { jQuery(this).text("LES MARSIENS"); }); jQuery('[data-id=79]').hover(function(){ jQuery(this).text("DESIGN OBJET & ESPACE"); }, function() { jQuery(this).text("GEOFFREY PAUCHARD"); }); jQuery('[data-id=12]').hover(function(){ jQuery(this).text("REALISATRICE"); }, function() { jQuery(this).text("STEPHANIE WEERTS"); }); }); </script> When using Laytheme and JS/jQuery we need to remember two things as stated in the documentation: https://laytheme.com/documentation.html#custom-javascript You need to wrap your code in a 'newpage event' and also the common abbreviated '$' for jQuery should be changed/written as the full 'jQuery'. In the code above we want to target the link itself and change it, not another element - Every link <a> has its own 'data-id' so we can use that to target. E.g [data-id=75] If you need help with how to inspect your pages HTML structure and find Elements and Attributes etc, On the documentation page is help with using the browsers "development tools' https://laytheme.com/documentation.html#custom-css-styling . . [image: Screen Shot 2021-03-11 at 4.16.10 PM.png] . . . I hope this helps Jeff & best of luck - Google is your friend and also the Documentation page :) Best wishes Richard
  • 0 Votes
    9 Posts
    2k Views
    RichardR
    Dear @fr With Project Thumbnails within the Element Grid this is possible - With standard images not. The image dimensions are set normally and not with this 'PH' padding. So Image <img> being 100% width and its parent container controlling its dimensions: E.g .parent-container{ width:48%; } img{ width:100%; height:auto; } Hope this answers your question :) Best wishes Richard
  • Understanding question about menu structure.

    2
    0 Votes
    2 Posts
    268 Views
    RichardR
    Dear @MickeyOne Recently a 'Thumbnail Grid Filter' was built in by Armin, so the function of clicking categories and seeing the related projects is there: http://laythemeforum.com/topic/6408/category-filters-with-lay-theme-version-3-6-1?_=1615336804678 The difference in your case is how to use an Image instead of Text. Some trickery would be needed either with JQuery to go in and replace the Text with an Image. A crude hack would be to place an Image over the Text so the user would not see it -The issue would be if you are able to click the Text underneath then It would be a little difficult, the option is not built in at the moment sorry Mickey. Best Richard
  • Drawing Canvas

    4
    0 Votes
    4 Posts
    517 Views
    F
    @josehoudini I did not add anything. I think you have to give it a height, maybe use "browser height for row height" in the grinder with the html code.
  • Fade text on scroll

    2
    0 Votes
    2 Posts
    288 Views
    F
    @paulcalver try some jQuery like in this example: http://jsfiddle.net/e84enbf2/
  • mobile version

    4
    2
    0 Votes
    4 Posts
    700 Views
    RichardR
    Dear Almah @almah Your Project Thumbnails are always in their 'Mouseover state' on Mobile (hover): [image: Screen Shot 2021-03-09 at 9.08.36 PM.png] When "Brightness 17%" is removed your mobile layout displays fine - Given that further down in the Project Thumbnail options there is > Behaviour on Movile Devices > Always show mouseover state: [image: Screen Shot 2021-03-09 at 9.17.22 PM.png] I would assume that this is checked and needs to be 'un-checked' Best wishes & have a wonderful day :) Richard
  • Center table text horizontally in carousel

    10
    1
    0 Votes
    10 Posts
    1k Views
    RichardR
    Dear Ana @aheneah Unfortunately the whole 'slide' has the 'click event' - To describe it like a 'Glass Window' over the carousel. anywhere you click will be on this window (triggering the slide). With the Current Lay Theme options you cannot select/highlight the text - sorry about this and any inconvenience it may cause to your design. It is likely possible with some further Coding/hacking - I wanted to give this a go for you as a solution: https://stackoverflow.com/questions/53367064/how-to-enable-select-text-in-swiper-js But it hasn't worked. I cannot go in further at the moment to get this to work sadly. Once again sorry if cannot help further Ana - You may wish to seek the aid of a developer if you know someone who could lend a hand- - Or any others reading this Thread if that could Help Ana please :) Have a lovely day Ana & best wishes Sincerely Richard
  • Compact WP Audio Player

    2
    0 Votes
    2 Posts
    374 Views
    RichardR
    Dear Cristian Currently Lay Theme does not offer support for Compact WP Audio player, them being a third-party plugin, though it may work just fine - I havent tested it myself. I do wish to offer a solution if this helps you. Audio players can be created with some very basic code, here in this link some is provided: https://www.w3schools.com/html/html5_audio.asp <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> These <source> elements can be linked with any audio format that modern web browsers understand - most commonly .mp3 When uploading an mp3 into your 'Media Library' - on closer inspection you can copy the URL path for use/input with these <source> elements [image: Screen Shot 2021-03-09 at 8.30.19 PM.png] For Example: <audio controls> <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-11.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> A Closer look at the <source> <source src="https://www. <--- I HAVE INSERTED THE URL FILE PATH THAT I WANT HERE---> .mp3" type="audio/mpeg"> Now I am able to take this code and insert it into my Gridder in a Project or Page using the " +MORE - +HTML" Option ( Adding the code into the input provided ) : [image: Screen Shot 2020-09-14 at 2.50.29 PM.png] Now on my Front-end i have an audio player, playing the mp3! [image: Screen Shot 2021-03-09 at 8.37.34 PM.png] This is the default audio controller, but with Google you can find heaps of reference for changing this up. This example was to provide a 'plan-B' for if the "Compact WP Audio Player" was not compatible for whatever reason ( likely one of the many Audio plugins will work with Laytheme ) <NOTE: You may find it difficult to autoplay the music - Since i think 2018, Browsers have stopped the ability to play sounds automatically on page load - the user has to initiate this > Hope this helps Cristian & have a wonderful day! :) Sincerely Richard
  • Category edit page

    3
    1
    0 Votes
    3 Posts
    613 Views
    A
    @Richard-K, @SMSTUDIO, Richard is right: just deactivate Yoast and it comes back. I had the same problem and this post helped me. Thank you both.
  • Dot cursor using Vanilla.js issue with carousel

    8
    0 Votes
    8 Posts
    1k Views
    BaptisteB
    Hey @arminunruh, Problem solved, thanks ✌️ Best,
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com